reactjs - 在 onDragStop 事件中获取 Material UI Slider 值

Question

我想在我的 React 应用程序中使用 Material UI Slider 来触发事件 onDragStop 而不是 onChange (这样事件触发的次数就会更少)次)。然而，documentation表示 onDragStop 函数签名只有 mouseevent:function(event: object) => void。因此，以下内容适用于 onChange:

<Slider onChange={ (e, val) => this.props.update(e, control.id, val) }  />

但是，此事件没有第二个参数val:

<Slider onDragStop={ (e, val) => this.props.update(e, control.id, val) }  />

如何在onDragStop函数中获取Slider的当前值？请注意，我无法使用 this，因为它引用父组件。

Answer 1

在较新版本的 Material UI 中，您可以使用:

<Slider
  onChange={} // for example updating a state value
  onChangeCommitted={} // for example fetching new data
/>