Estoy tratando de restablecer las entradas en mi formulario formik al enviar. Parece que se supone que debo usar resetForm() para hacer eso, pero aparece el error:

src\components\CommentSubmition\inCommentSubmition.js Línea 19:13: 'resetForm' no está definido no-undef

Aquí está mi componente:

 import React from 'react'; import { Formik, Field, Form, ErrorMessage } from 'formik'; import {createComment} from '../../services/CommentLocalStorage.js' import * as Yup from 'yup'; function CommentForm(props){ return ( <Formik initialValues={{ autor: '', content: ''}} validationSchema={Yup.object({ autor: Yup.string().required('Required'), content: Yup.string().required('Required') })} onSubmit={(values, { setSubmitting }) => { setTimeout(() => { createComment(props.pageEnum, props.articleId, values.autor, values.content) setSubmitting(false); },400); resetForm(); }} > <Form> <label htmlFor="autor">Nome</label> <Field name="autor" type="autor" placeholder="Nome"/> <ErrorMessage name="autor" /> <br/> <label htmlFor="content">Comentário</label> <Field name="content" type="content" placeholder="Comentário" /> <ErrorMessage name="content" /> <br/> <button type="submit">Submit</button> </Form> </Formik> ); }; export default CommentForm;

Parece que la mayoría de la gente hace algo como esto:

 const formik = some configuration

Y luego lo usan como

 formik.resetForm()

Y en su lugar, estoy usando el componente Formik con todo lo que contiene (lo hice en base a un ejemplo disponible en los tutoriales oficiales). Si es posible, me gustaría mantenerlo así y aún así restablecer el formulario.