如何在reactjs中默认打开accordian的第一个选项卡

constructor(props) {
  super(props);
  this.state = {
    activeIndex: 0
  };
}

render() {
  const { activeIndex } = this.state;
  const accordionData = [
    { title: '选项卡1', content: '内容1' },
    { title: '选项卡2', content: '内容2' },
    { title: '选项卡3', content: '内容3' }
  ];

  return (
    <div>
      {accordionData.map((item, index) => (
        <div key={index}>
          <div onClick={() => this.handleAccordionClick(index)}>
            {item.title}
          </div>
          {activeIndex === index && <div>{item.content}</div>}
        </div>
      ))}
    </div>
  );
}

handleAccordionClick(index) {
  this.setState({ activeIndex: index });
}