web-dev-qa-db-fra.com

Formik - Comment réinitialiser le formulaire après confirmation

Dans Formik , comment faire le bouton de réinitialisation Réinitialiser le formulaire uniquement après confirmation ?

Mon code ci-dessous réinitialise toujours le formulaire même lorsque vous cliquez sur Annuler.

var handleReset = (values, formProps) => {
    return window.confirm('Reset?'); // still resets after you Cancel :(
};

return (
  <Formik onReset={handleReset}>
    {(formProps) => { 
      return (
        <Form>
          ...
          <button type='reset'>Reset</button>
        </Form>
      )}}
  </Formik>
);
19
Aximili

Je comprends que la question de l'OP était pour Formik.

Cependant, pour que quiconque utilise useFormik crochet et veut effacer le formulaire sur le bouton "Réinitialiser", voici un moyen d'atteindre cela.

<button type="reset" onClick={ e => formik.resetForm()}> Reset</button>

3
Anil_M