需要帮助识别几个反应组件滑块

Question

我有一个项目，我需要合并一个滑块以允许用户 select 一系列配置。我可以使用滑块并让它工作，但我需要在一个表单上有多个滑块，并且 onChange 事件返回的唯一内容是类型范围滑块的数字或数字范围。有谁知道如何命名这些？

Answer 1

我刚刚想出如何处理这个问题。之前，我在传递事件时这样做：

onChange={(event) => {this.handleVolumeChange(event)}}

问题是触发的事件是鼠标事件，它没有 event.target.value 所需的信息，就像我习惯用于其他表单输入等。解决办法是这样做：

onChange={(value) => {this.handleVolumeChange(value, 'volume-slider')}}

通过传递与事件不同的参数，我能够获取值并为滑块传递一个。现在我将能够在表单上进行动态添加和删除，并处理哪个滑块需要更新信息。希望这对其他人有帮助！

Need help identifying several react-component sliders