Реагировать сбрасывать значения FormIk на пустые значения handleReset функция

Question

У меня есть форма, которая загружается со значениями по умолчанию.

Я хочу, чтобы кнопка сбрасывала все значения форм в пустые значения.

Встроенная функция handleReset сбрасывает значения до значений по умолчанию, которые форма загружала вместе с ними. Я попытался изменить реквизиты со значениями по умолчанию с концепцией, аналогичной приведенному ниже коду, но реквизиты «только для чтения».

resetToEmpty(){
   this.props.user = {};
}
<button type="button" onClick={ resetToEmpty}>Clear form demo data</button>

Код песочницы https://x7069jq8lz.codesandbox.io/

Как можно сбросить все поля formIk на пустые значения?

Спасибо!

Answer 1

Ящик с песком кода не работает, но я думаю, вам следует поменять свои реквизиты на пустые в указанном выше состоянии и просто добавить реквизит «enableReinitializing» в ваш экземпляр Formik.

Затем, после получения новых реквизитов, ваши начальные значения в Formik должны быть обновлены.