如何在父组件中设置子组件中的状态?

时间:2016-08-23 19:52:43

标签: reactjs redux

我的应用程序中有一个嵌套在表单中的滑块组件。滑块可调整Redux store中的参数。

通常情况下,滑块会受到控制,其值由Redux store向下传递。移动滑块后,onChange将调度操作以更新store,滑块值将更改。

然而,在这种情况下,这个解决方案会带来问题:

  1. 滑块有100多个步骤,因此将其拖动50%意味着数十个 和几十个onChange事件

  2. 由于滑块本身未连接到store,因此每onChange强制重新渲染父级,因为props正在发生变化。这取消了表现。

  3. 所以,我实施了部分解决方案:

    1. 滑块值处于滑块状态,因此拖动它只会使滑块重新呈现onChange个事件。

    2. afterChange事件 - 用户在拖动滑块后释放鼠标时会触发,dispatch将新值设为store

      < / LI>

      但是,父级有一个“重置”按钮,应该将滑块的值设置为初始状态。

      那么,我如何与父级的滑块组件进行通信,以便重置值?

0 个答案:

没有答案
相关问题