React 中的表单重置所有字段答案

【问题标题】：Forms in React Resetting All FieldsReact 中的表单重置所有字段
【发布时间】：2020-09-30 04:17:24
【问题描述】：

我的 react 应用程序有问题。首先，当我在我的姓氏中输入一些内容，然后我打开“地址对话框”并在其中输入一些内容就可以了。但问题是，如果我已经先输入了姓氏，然后我打开“地址对话框”并输入“地址”并提交它，它会重置姓氏的值。我相信这是因为enableReinitialize 但如果我不这样做，那么我将如何将Address 的值从“地址对话框”传递到“表单”Address？

请在此处检查我的代码和框

CLICK HERE

【问题讨论】：

标签： reactjs redux material-ui react-hooks formik

【解决方案1】：

当您使用“enableReinitialize”时，它将使用“initialValues”重置表单数据，在您的情况下，您将 initialValues={{LastName: "",Address: address ? address : ""}} "LastName: ''" 设置为空，以便清除 LastName 值

您需要处理状态中的 LastName 并更新 initialValues

我的建议是简化代码，避免使用嵌套的formik

【讨论】：