React -render values选项卡的onClick

constructor(props) {
  super(props);
  this.state = {
    activeTab: 'values'
  };
}

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

  return (
    <div>
      <div className={activeTab === 'values' ? 'active' : ''} onClick={() => this.handleTabClick('values')}>
        Values
      </div>
      <div className={activeTab === 'options' ? 'active' : ''} onClick={() => this.handleTabClick('options')}>
        Options
      </div>
      {/* 其他选项卡 */}
      {/* 根据activeTab状态渲染相应的内容 */}
      {activeTab === 'values' && <ValuesTab />}
      {activeTab === 'options' && <OptionsTab />}
      {/* 其他选项卡对应的内容 */}
    </div>
  );
}

handleTabClick(tab) {
  this.setState({ activeTab: tab });
}