具有和不具有“exclusive = {false}”的React-Semantic-UI,Accordion,activeIndex。工作,但没有

时间:2018-01-16 12:25:48

标签: reactjs semantic-ui semantic-ui-react

预期结果

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

实际结果

只需exclusive={true}即可。

版本

0.77.2

测试用例

https://codesandbox.io/s/k2wlkoz5wr

1 个答案:

答案 0 :(得分:1)

问题在于它被activeIndex道具覆盖了。

<强>更新: 您可以尝试此示例的fork

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