I am using Formik in my react application. I tried to change the state of button enbales/disabled using isSubmitting property but its not seems working. Neither button text updating nor styling. I have found a example solution but that's not working either. Here is the link of example code that isn't working. Can anyone explain please? Formik sandbox code example
1 Answers
You don't need to do anything special - formik automatically awaits the onSubmit handler. Just make sure it's returning a Promise that can be awaited.
In your example you are returning immediately from handleSubmit.
async function handleSubmit(values, { setSubmitting }) {
console.log("submitted");
setTimeout(() => setSubmitting(false), 2000);
// this returns immediately
}
Update your example code like this:
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms))
async function handleSubmit(values) {
console.log("submitted", values);
await delay(2000)
}
Related