我的应用程序中有一个嵌套在表单中的滑块组件。滑块可调整Redux store
中的参数。
通常情况下,滑块会受到控制,其值由Redux store
向下传递。移动滑块后,onChange
将调度操作以更新store
,滑块值将更改。
然而,在这种情况下,这个解决方案会带来问题:
滑块有100多个步骤,因此将其拖动50%意味着数十个
和几十个onChange
事件
由于滑块本身未连接到store
,因此每onChange
强制重新渲染父级,因为props
正在发生变化。这取消了表现。
所以,我实施了部分解决方案:
滑块值处于滑块状态,因此拖动它只会使滑块重新呈现onChange
个事件。
afterChange
事件 - 用户在拖动滑块后释放鼠标时会触发,dispatch
将新值设为store
。
但是,父级有一个“重置”按钮,应该将滑块的值设置为初始状态。
那么,我如何与父级的滑块组件进行通信,以便重置值?