【问题标题】:Process a form with Redux and React使用 Redux 和 React 处理表单
【发布时间】:2016-04-20 16:59:02
【问题描述】:

我想处理一个表单并发布它的字段。我正在学习 Redux,我想用它来处理表单。问题是:我应该怎么做才能完成这项任务?我应该将字段作为对象(状态)的一部分吗?你有什么建议?

谢谢

【问题讨论】:

  • 查看redux-form——没有它,是的,我会让这些字段成为状态;将它们的 value 属性设置为它们对应的状态,并设置它们的 onChanged 或类似的回调属性来修改状态。
  • @mjohnsonengr 你用过 redux-form 吗?最好的选择是什么?
  • 是的,我使用 react 和 redux 开发企业应用程序。它有很多表单,所以我们现在也使用 redux-form。我写的第一个表单是在我们引入 redux 之前,造成的混乱是我们引入 redux 的原因。后来,一个特别凌乱的表格促使我找到了redux-form。我没有尝试过许多其他选项,因为大多数选项似乎不如 redux-form 发达。
  • @mjohnsonengr 好的,我要试试。谢谢
  • 不要太快跳转到 redux-form。您可能不需要它,而且 imo 需要很多东西。您可以从将中间表单状态存储在 React 状态开始。一旦表单字段被认为是完整且有效的,然后设置 Redux 状态。

标签: forms reactjs redux


【解决方案1】:

你到底想做什么?如果你想用 Redux 贴近金属,我推荐 React-Redux-Form,因为它允许你定义自己的 reducer 并以你想要的方式处理你的数据模型。

这是一个快速入门指南:https://davidkpiano.gitbooks.io/react-redux-form/content/step_by_step.html

【讨论】:

  • 我正在尝试从现在开始在我的应用程序中学习和使用 Redux。这包括我从 de DB 添加和修改数据的表单。这就是为什么我要问处理 redux 表单处理的最佳方法是什么
  • 那么 React-Redux-Form 将是最好的方法,因为它允许您为每个模型创建 reducer,并调度特定于表单的操作,所以如果您了解 Redux,您将了解 React- Redux-Form。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-07-08
  • 1970-01-01
  • 1970-01-01
  • 2019-03-05
  • 2018-05-12
  • 2018-03-25
  • 2018-11-27
相关资源
最近更新 更多