如何在切换按钮中使用类中的变量

// 切换按钮组件类
class ToggleButton extends React.Component {
  constructor(props) {
    super(props);
    // 定义切换状态的变量
    this.state = {
      isToggleOn: false
    };
  }

  // 切换按钮点击事件处理函数
  handleClick = () => {
    // 使用变量切换状态
    this.setState(prevState => ({
      isToggleOn: !prevState.isToggleOn
    }));
  }

  render() {
    return (
      <button onClick={this.handleClick}>
        {this.state.isToggleOn ? 'ON' : 'OFF'}
      </button>
    );
  }
}

// 使用ToggleButton组件
ReactDOM.render(<ToggleButton />, document.getElementById('root'));