by

Tips and tricks

DEMO

Valeurs initiales asynchrones

Mount

- Fetch data

- Compute initial values

Receive API respone

Valeurs initiales asynchrones

Mount

- Fetch data

- Compute initial values

Receive API respone

Compute new initial values

Valeurs initiales asynchrones

export default withFormik({
  enableReinitialize: true,
  mapPropsToValues: () => initialValues,
  handleSubmit: (values, { props }) => {
    console.log(values);
    alert('Your form was correctly submitted');
  }
})(Form);

Mount

- Fetch data

- Compute initial values

Receive API respone

Compute new initial values

Ce qu'il faut retenir

  • C'est super simple
  • C'est très polyvalent
  • C'est customisable à volonté

Formik by FLOWR

By Pauline Huguenel