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

Question

[Владимир Голубь]

Как сделать более правильное добавление классов в случае выбора пункта меню ?

className={ typeDisplay === "map" ? "type-display-list__item type-display-list__item_active type-display-item" : "type-display-list__item type-display-item"}

Answer 1

[Андрей Охотников]

Для работы с классами рекомендую использовать classnames

Answer 2

[hzzzzl]

так чуть короче

className={ `type-display-list__item type-display-item ${ typeDisplay === "map" ? 'type-display-list__item_active' : '' }`}