如何将禁用的属性传递给react类中的某些元素？

constructor(props) {
  super(props);
  this.state = {
    isDisabled: true
  };
}

render() {
  const { isDisabled } = this.state;

  return (
    <div>
      <input type="text" disabled={isDisabled} />
      <button disabled={isDisabled}>Submit</button>
    </div>
  );
}

handleButtonClick() {
  this.setState(prevState => ({
    isDisabled: !prevState.isDisabled
  }));
}

render() {
  // ...
  return (
    <div>
      {/* ... */}
      <button onClick={this.handleButtonClick.bind(this)}>Toggle Disabled</button>
    </div>
  );
}