相关疑难解决方法(0)

我希望在一个 React 组件中共享一个公共事件处理程序的多个 material-ui 滑块。但是，要完成这项工作，我需要确定原始滑块。从API 文档中我看不出这是如何实现的。我已经尝试对-component应用id和name属性<Slider>，但我没有在事件处理程序的合成事件中看到这些。

handleChange = (event, value) => {
  console.log(event); // 'Id' and 'name' attributes in 'target' are empty
  this.setState({ value });
};

render() {
  const { classes } = this.props;
  const { value } = this.state;

  return (
    <div className={classes.root}>
      <Typography id="label">Slider label</Typography>
      <Slider
        classes={{ container: classes.slider }}
        value={value}
        aria-labelledby="label"
        onChange={this.handleChange}
      />
    </div>
  );
}

这是从官方演示项目中获取的：

https://codesandbox.io/s/4j9l9xn1o4

任何帮助将不胜感激！