小编jos*_*shi的帖子

我正在尝试使用包含多个条目的语义 UI 手风琴，并允许同时打开多个条目；每个条目都有一个标题部分，其中包含一个附加弹出窗口的图标，以及一个包含文本区域的内容区域。

我希望能够同时打开两个手风琴，这显然是exclusive={false}在制作手风琴元素时使用 prop 支持的，如文档中所述

但该示例看起来使用的是内容为字符串的对象数组，而不是其他 React/html/jsx 元素（在我的例子中，它是语义 ui 图标、弹出窗口和文本区域）。该对象数组被传递到手风琴的panel道具中。

而且我不熟悉语义 ui 反应手风琴需要什么才能正确运行并跟踪索引和其他内容，我不确定还需要配置什么，或者语义 ui 组件是否可以这样做。

我基本上复制了这个示例，并使用活动索引和 onclick 处理程序，该处理程序在组件反应状态下切换活动索引。

这是手风琴和 onclick 处理程序以及反应应用程序状态的片段：

class FileUpload extends Component {

 // other stuff omitted 

  constructor(props) {
    super(props);

    this.state = {
      activeAccordionIndex: -1
    };

  handleAccordionClick = (e, titleProps) => {
     const { index } = titleProps;
     const { activeAccordionIndex } = this.state;
     const newIndex = activeAccordionIndex === index ? -1 : index;

     this.setState({
       activeAccordionIndex: newIndex
     })
   } …