Expected Result
I need to have a "closeAll" button. But using exclusive={false}, because I need many line opened. It doesn't work.
Actual Result
Just exclusive={true} works.
Version
0.77.2
Asked
Active
Viewed 2,396 times
0
Oleksandr Fediashov
- 4,315
- 1
- 24
- 42
1 Answers
1
The issue is that it's being overwritten by your activeIndex prop.
Update: You can try this fork of your example.
The idea is that if you're using exclusive={false} you need to pass activeIndex as an array. Then all you have to do is change the way you update the indexes on the event handlers.
its4zahoor
- 1,709
- 1
- 16
- 23
Daniel Andrei
- 2,654
- 15
- 16
-
It does work, i just didn't update your state to be an array of indexes. – Daniel Andrei Jan 16 '18 at 14:19
-
how? What do you mean? – Jan 16 '18 at 16:01
-
@JohnSam So you can have multiple items expanded, you just need to hold your state differently. Instead of having an activeIndex, you would have an array of activeIndexes... `[0,1,2]` instead of `0` – Daniel Andrei Jan 16 '18 at 19:40
-
yes, but it doesn't work, because with activeIndex of type array it doesn't work the exclusive=false! – Jan 16 '18 at 19:58
-
1@JohnSam I've updated my answer. It should work now. – Daniel Andrei Jan 16 '18 at 21:59