reactjs - 如何在按钮单击时禁用 <react-date-picker> 组件

Question

我使用了 react-date-picker 中的日期选择器组件。我需要通过单击按钮禁用整个日期控件和按钮本身。该按钮确实被禁用，但 DatePicker 组件却没有。我尝试过以下方法但没有成功。有正确的方法吗？

import DatePicker from 'react-date-picker';
...
...
this.state = {
  disabledDate: false
}
    ...
    ...
    ...

  noDateRememberButtonClick() {
    this.setState({
      disabledDate: true
    });
  }

    render() {
           return(
        <div className="wrapper">
          <div className="date-picker">
            <DatePicker
              onChange={this.dateOnChange}
              value={this.state.boughtDate}
              disabled={this.state.disabledDate} />
          </div>
          <button className="btn" onClick={this.noDateRememberButtonClick} disabled={this.state.disabledDate} type="button"> {BUTTON_LABEL}</button>
        </div>

)}

Answer 1

<DatePicker
  ref={endCalendarRef}
  readOnly={true}
  .....
  />