複数の関数onclickイベントを呼び出すReactjs - 反応日ピッカー

Question

カレンダーが開くとバックグラウンドを灰色にする必要があります。そのためにはjs関数を作成して実際のonclickハンドラと一緒に呼び出すことを試みています。しかし、それは動作しません、私は反応パッケージを使用しているように私はonclickハンドラを制御する必要はありません？このケースをどう扱うか？助けてください...

Answer 1

this.props.onをthis.clickメソッドの中で呼び出すことができます。 反応コンポーネントのES2015クラス構文を使用しているため、this.clickもコンストラクターメソッドにバインドする必要があります。

class CustomDatePicker extends Component { 
    constructor() { 
    this.click = this.click.bind(this) 
    } 

    handleOpacity(){ 
    // gray out the background page.... 
    alert('test'); 
    } 

    click(){ 
    this.handleOpacity(); 
    this.props.onClick(); 
    } 


    render() { 
    return (
     <span> 
      <button className="custom-datepicker" onClick={this.click} > 
      {this.props.value} 
      </button> 
     </span> 
     ) 
    } 
} 
CustomDatePicker.propTypes = { 
    onClick: React.PropTypes.func, 
    value: React.PropTypes.string 
} 

export default CustomDatePicker;