javascript - Redux 形式或简单形式

Question

经常在面试题中听到为什么要在 ReactJs 中使用 redux 形式而不是简单形式。它为开发商提供了哪些额外的普通设施？那么对此应该有什么正确的答案。

Answer 1

现在已经知道为什么要将表单数据保持在状态中，并且您可以推断这对您的应用程序是否有意义，我们可以回到我们的主题。鉴于应用程序使用 React 和 Redux，有两个主要选项:

• 😫 为每个字段实现一个事件处理程序，该事件处理程序分派(dispatch)一个 Action 创建器，以及将接收 Action 的缩减器……所有 redux 的东西。
• ✔️ 或者我们可以使用一个库来为我们完成所有这些工作。

Redux-Form 是为您完成这项工作的绝佳选择。它跟踪所有常见的申请表状态，例如:

• 表单中的字段；
• 每个字段的值；
• 专注领域；
• 如果字段值有效；
• 用户交互过的字段；
• 如果正在提交表单；
• 是否正在发生任何异步验证。

那时候 Redux-Form 还没有一个既定的替代方案，但现在我们有很好的选择，比如 Formik和 Final-Form ，并且都使用 React 的组件状态。

在编写 Redux 应用程序时，我们应该将所有对应用程序重要的数据保留在应用程序状态中，只要它有意义。但重点是，思考什么对您的应用程序更有意义，然后做出您的选择。

灵感来自:Guilherme Gonçalves