reactjs - React 中的表单重置所有字段

标签 reactjs redux material-ui react-hooks formik

我的 React 应用程序有问题。
首先,当我以我的姓氏输入一些内容,然后我打开“地址对话框”并在其中输入一些内容时就可以了。但问题是,如果我已经先输入姓氏,然后打开“地址对话框”并输入“地址”并提交,它会重置姓氏的值。我相信这是因为 enableReinitialize 但是如果我不放那我将如何将 Address 的值从“地址对话框”传递给“表单”Address
请在这里检查我的代码和框
CLICK HERE

最佳答案

当您使用“enableReinitialize”时,它将使用“initialValues”重置表单数据,在您的情况下,您将 initialValues={{LastName: "",Address: address ? address : ""}} "LastName: ''"设置为空,以便清除 LastName 值
您需要处理状态中的姓氏并更新初始值
我的建议是简化代码并避免使用嵌套表单

关于reactjs - React 中的表单重置所有字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64130777/

相关文章:

reactjs - React map 总是使用最后一个元素的数据调用方法

reactjs - 将 Gun 与 Redux 一起用于 React 的规范方法/示例

angular - Angular2.0+ 中的状态管理

css - 自定义 CardActionArea 悬停效果

javascript - Material UI Select Component - 一个组件正在将文本类型的受控输入更改为不受控制

javascript - 更改 Material UI 的颜色选择组件边框不起作用

javascript - 是否可以在 react 中卸载动态 css 导入?

reactjs - 在外部 API 服务层使用 React hooks

javascript - 检测 div 和切换菜单外的点击

javascript - React 组件继承