REACT.JS:如何遍历所有NavBar按钮并移除它们的类，并将“活动”类添加到所单击的按钮中

import React, { Component } from 'react';

class NavBar extends Component {
  constructor(props) {
    super(props);
    this.state = {
      activeButtonIndex: null
    };
  }

  handleClick(index) {
    this.setState({ activeButtonIndex: index });
  }

  render() {
    const buttons = ['按钮1', '按钮2', '按钮3']; // 按钮数据

    return (
      <div className="navbar">
        {buttons.map((button, index) => (
          <button
            key={index}
            className={index === this.state.activeButtonIndex ? 'active' : ''}
            onClick={() => this.handleClick(index)}
          >
            {button}
          </button>
        ))}
      </div>
    );
  }
}

export default NavBar;