호출 여러 기능의 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;