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

Question

interface Props{
data: string;
}    
interface State {
  expandedSection: string;
}



<AccordionToggle
              onClick={(event) => {
                this.onToggle(path, event);
              }}
              isExpanded={this.state.expandedSection === data}
              id={path}

            >
     <AccordionContent
              id="ex-expand1"
              isHidden={this.state.expandedSection !== data}
            >
     <p>{sampledata} <p>

            </AccordionContent>

[手风琴有多个标签，我想默认打开第一个标签。当前默认情况下，所有选项卡都关闭。如果我愿意的话：

 <AccordionContent
              id="ex-expand1"
              isHidden={this.state.expandedSection === data}
            >

然后所有选项卡将默认打开。谁能帮助我，如何在Accordian的多个选项卡中仅打开第一个选项卡

Answer 1

使用要显示的选项卡初始化expandedSection并反转isHidden条件：