Как сделать раскрывающиеся блоки?

Question

[Glglgl]

Здравствуйте, начал осваивать react и столкнулся с проблемой. У меня есть список категорий и нужно чтоб при нажатии на выбранную категорию вываливался список подкатегорий, ну и соответственно при повторном нажатии все скрывалось. Думал сделать подкатегорияv display:none и при активации кнопки display:block, но не совладал с добавлением класса. Помогите пожалуйста

Comments

[Дима Долготер]

но не совладал с добавлением класса.

звучит как начало детектива, где тебя убивает класс)
Что значит не совладал?

[Glglgl]

SpiderPigAndCat, находил пару вариантов на ютубе, пытался сделать, но ничего не вышло и не смог разобраться в ошибках.

[Дима Долготер]

тогда тебе рановато реакт учить
https://codepen.io/ тут сделай простое меню с подпунктами

Answer 1

[Владимир]

свойство display не анимируется,
Если делать руками, то сначала при помощи класса запускаешь анимацию, а когда анимация закончится убирай при помощи conditional rendering, нужно использовать рефы на DOM элемент
https://reactjs.org/docs/refs-and-the-dom.html
и событие
https://developer.mozilla.org/en-US/docs/Web/API/H...

Но лучше использовать вот это https://reactcommunity.org/react-transition-group/