reactjs - 通过函数作为 Prop ，未定义错误

我正在尝试将 Prop 传递给子组件。

onChangeNumber: e => {
  console.log(e);
};

class MyDrinking extends React.Component {
  render() {
    return (
      <Flexible>
        <LYDSlider
          {...sceneConfig}
          onChangeNumber={this.onChangeNumber.bind(this)}
          value={sceneConfig.sliderNumberValue}
        />
      </Flexible>
    );
  }
}

不断获取this.props.onChangeNumber不是一个函数。

有任何想法吗？

最佳答案

因为该函数未定义为类内部的属性。

class MyDrinking extends React.Component {
    constructor() {
        super();
        this.onChangeNumber = this.onChangeNumber.bind(this);
    }
    onChangeNumber(e) {
        console.log(e);
    }
    render() {
        return (
            <Flexible>
              <LYDSlider
                {...sceneConfig}
                onChangeNumber={this.onChangeNumber}
                value={sceneConfig.sliderNumberValue}
              />
            </Flexible>
        );
    }
}