Как в React js менять класс по клику на иконку?

Question

[Jagger5435]

Новичок в реакте. Запилил навбар (навигационную менюшку). При клике на Иконку, к классу .sidebar должен добавлять класс .active , чтобы получилось (sidebar active). Ксс стили уже написаны. Соотвественно при повторном клике убирать. Только одна иконка, на которую нужно кликать. В js понимаю как это реализовать. Но в реакте вообще не могу понять, как можно быстро менять код без создания массивов и пропсов. По идее должен быть простой ответ, но хоть убей не могу найти решение. Тут все так муторно (в js нужно написать 3-4 строчки), а тут писать походу совсем по-другому (это дико раздражает, зачем учу js), помогите пожалуйста.

к нему <div className="sidebar"> должен добавляться класс при клике, ктобы получилось <div className="sidebar active"> и менюшка будет открываться и зкарываться.

Comments

[0xD34F]

Документацию почитайте, должно помочь. Если не поможет - значит, рано за react взялись, надо будет отложить его в сторону и освоить js.

[Василий]

Когда разрабатываем на React можно несколько решений придумать для этой задачи.

например по клику менять локальный стэйт и взависимости от стейта показывать или убирать меню.

Если в sidebar будет с анимацией то можно и с добавлением класса сделать, будет удобно использовать classNames для присвоения нескольких классов тегу

[Jagger5435]

0xD34F, В том и проблема, что на Js у меня уже готов код, но реакт жене ест чисты js

[Jagger5435]

Mad Coder, значит с синтаксисом нужно разбираться)