无涯教程网

Reactjs 我正在使用 Redux.我应该在 Redux 存储中管理受控输入状态还是在组件级别使用 setState

发布于01月23日

我一直在努力找出管理我的react表单的最佳方法.我try 使用onChange启动一个操作，并用表单数据更新我的redux存储.我也try 过创建本地状态，当我的表单被提交时，我会触发并操作并更新redux存储.

我应该如何管理受控输入状态？

推荐答案

可以使用组件自身的状态.然后把这种状态作为行动的论据.这几乎就是React Docs年前描述的"react 方式".
你也可以查看Redux Form个.它基本上实现了您所描述的功能，并将表单输入与Redux状态链接起来.

第一种方法基本上意味着你在手动完成所有事情——最大限度地控制和最大限度地简化模板.第二种方法是让高阶组件为您完成所有工作.然后是介于两者之间的一切.我见过多个软件包，它们简化了表单管理的一个特定方面:

如今，Redux表单似乎正在被以下内容取代:

React Final Form

该领域另一个值得关注的重要竞争者是:

Formik

在我的上一个项目中试用了React Hook表单-非常简单，占地面积小，而且非常有效:

React Hook Form

Reactjs相关问答推荐

Reactjs中的chartjs和reaction-chartjs-2的问题

react 挂钩-使用有效澄清

在新屏幕上显示照片时出现问题-react

如何使用useState响应快速/顺序状态更新

为什么在页面重新加载时Location.State变得未定义？

Antd V5组件自定义主题

如何获取用户在 GooglePlacesAutocomplete 中输入的文本？

定位数组中的一项(React、useState)

使用以Jest 的方式返回 Promise 的方法来模拟可构造的 API 类时出现问题

设置自定义形状的纹理

从 redux 调用UPDATE_DATA操作时状态变得未定义

如何让 useEffect 在 React.JS 中只运行一次？

使用 map 循环浏览列表列表中的列表并显示它们

React + Redux：数据未正确传递给具有动态路由的组件

如何在 nextjs 中单击按钮时动态导入和渲染组件？

如何使用 React Hook Form 将寄存器作为 props 发送到子组件来收集数据？

如何检索包含动态段的未解析路径？

在 redux 中分派到另一个减少时状态值不会改变

如何使图标适合 react-bootstrap 中的行元素

setState 改变对象引用

实用课程推荐

相关教程推荐