【问题标题】:MultiStep React Form多步反应形式
【发布时间】:2020-01-11 02:27:52
【问题描述】:

实施多步骤表单的最佳做法是什么? 我知道有几种不同的做法,但哪一种是最好/性能最好的?

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

你的想法是什么?提前致谢!!

【问题讨论】:

    标签: reactjs


    【解决方案1】:

    我会选择第二个选项,因为它让孩子们保持简单和愚蠢(MVC)。 父组件跟踪所有数据和当前显示的表单,将所有逻辑保存在一个组件中(这使其易于更新)。 性能不会有问题,反正它只显示一个表单,所以性能和使用单个表单一样。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2016-08-18
      • 2020-10-08
      • 1970-01-01
      • 2020-11-02
      • 2017-02-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多