在 onDragStop 事件中获取 Material UI Slider 值

2024-03-12

我想触发一个事件onDragStop而不是onChange使用材质 UISlider在我的 React 应用程序中(以便事件触发次数更少)。但是,那文档 https://mui.com/material-ui/react-slider表明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功能?请注意,我无法使用this,因为它指的是父组件。


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

<Slider
  onChange={} // for example updating a state value
  onChangeCommitted={} // for example fetching new data
/>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 onDragStop 事件中获取 Material UI Slider 值 的相关文章

随机推荐