作爲道具傳遞函數，未定義的錯誤

Question

我試圖將道具傳遞給我的子組件。

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不是函數。

任何想法？

Answer 1

因爲函數沒有被定義爲類內部的屬性。

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> 
     ); 
    } 
}