Reactjs 使用或不使用“exclusive={false}对语义UI、Accordion、activeIndex进行反应。工作和不工作 预期结果

Reactjs 使用或不使用“exclusive={false}对语义UI、Accordion、activeIndex进行反应。工作和不工作 预期结果,reactjs,semantic-ui,semantic-ui-react,Reactjs,Semantic Ui,Semantic Ui React,我需要一个全关按钮。但是使用exclusive={false},因为我需要打开很多行。它不起作用 实际结果 仅排他={true}有效 版本 0.77.2 测试向量 问题是它被你的activeIndex道具覆盖了 更新: 你可以试试这个例子 其思想是,如果使用exclusive={false},则需要将activeIndex作为数组传递。然后,您所要做的就是更改在事件处理程序上更新索引的方式。确实有效,我只是没有将您的状态更新为索引数组。如何更新?你是什么意思?@JohnSam所以你可以扩展多个项

我需要一个全关按钮。但是使用exclusive={false},因为我需要打开很多行。它不起作用

实际结果 仅排他={true}有效

版本 0.77.2

测试向量
问题是它被你的activeIndex道具覆盖了

更新: 你可以试试这个例子


其思想是,如果使用exclusive={false},则需要将activeIndex作为数组传递。然后,您所要做的就是更改在事件处理程序上更新索引的方式。

确实有效,我只是没有将您的状态更新为索引数组。如何更新?你是什么意思?@JohnSam所以你可以扩展多个项目,你只需要保持不同的状态。您将拥有一个activeIndex数组,而不是activeIndex。。。[0,1,2]而不是0是,但它不起作用,因为对于类型为array的activeIndex,它不起作用,exclusive=false@我已经更新了我的答案。现在应该可以了。