Reactjs 多步反应形式

Reactjs 多步反应形式,reactjs,Reactjs,实施多步骤表单的最佳实践是什么? 我知道有几种不同的做法,但哪一种最好/最有效 Redux/全局状态管理:最简单,但对性能不利,因为它会在每次按键时检查每个连接的组件 提升状态:让父组件保持所有状态,但这会将组件耦合得太近,使父组件太复杂 渲染道具:子组件将窗体的“下一步”按钮渲染为渲染道具,并在下一次单击时将其数据推送到父级=>这也会使父级复杂,并且可能很难将数据传递给父级 你的想法是什么?提前谢谢 我会选择第二个选项,因为它让孩子们保持简单和愚蠢(MVC)。 父组件跟踪所有数据和当前显示的表

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

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

  • 你的想法是什么?提前谢谢

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