多步反应形式

时间:2019-07-25 11:29:55

标签: reactjs

实施多步骤表单的最佳实践是什么? 我知道有几种不同的做法,但是哪种是表现最好/最出色的呢?

  1. Redux /全局状态管理:最简单但对性能不利,因为它会在每次击键时检查每个连接的组件。
  2. 升高的状态:让父级组件保持所有状态,但这会使组件耦合得太紧密,并使父级组件太复杂
  3. 渲染道具:子组件将窗体的下一个按钮渲染为渲染道具,并在下次单击时将其数据推送到父项=>这也使父项复杂,并且可能难以将数据传递给父项。父母。

您有什么想法?在此先感谢!

1 个答案:

答案 0 :(得分:1)

我会选择第二种方法,因为它使孩子保持简单明了(MVC)。 父组件跟踪所有数据以及当前显示的表单,从而将所有逻辑保持在一个组件内(这使得更新很容易)。 性能不会有问题,因为无论如何它仅显示一种形式,因此性能与使用单一形式相同。