Как изменить class по клику React?

Question

[IIITRIX]

Помогите пожалуйста
Есть 3 дива
По умолчанию 1 див виден всегда, если жму на второй, первый скрывается, показывается второй и тд.
Если нажать в любое другое место будет виден див 1

<div className='global'>
  <div style={{ display: 'block' }}></div>
  <div style={{ display: 'none' }}></div>
  <div style={{ display: 'none' }}></div>
</div>

Answer 1

[abberati]

https://www.google.ru/search?q=how+to+toggle+class...

Comments

[IIITRIX]

Вау, ничоси. Да ты остроумный! Я понимаю как это работает. Я задал более конкретный вопрос

[abberati]

IIITRIX, перейди по любой ссылке и посмотри, что там написано.

Храни в стейте идентификатор активного элемента, при событии меняй. В рендере используй условные конструкции.

[IIITRIX]

abberati, У меня выходит так только если 2 дива, как быть с тремя не пойму.

[abberati]

IIITRIX, у меня и с пятью выходит. Жаль, что я не могу угадать, что у тебя написано в коде(

Answer 2

[seropaski]

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

А по нажатию в любое другое место - можно использовать кастомный хук, как вариант. Например, такой