@bazliiii

Как добавить класс по клику на кнопку в React?

Не добавляется класс при клике на кнопку в React
Js:
Сама кнопка:
<button onClick={menu__active} className="header__menu-btn"><span className="header__menu-btn--lines"></span></button>


const menu__active = (() => {
    console.log('Yes')
    if (document.getElementsByClassName('header__menu').classList.contains('header__menu--active')){
      document.getElementsByClassName('header__menu').classList.add('header__menu--active');
    }else{
      document.getElementsByClassName('header__menu').classList.remove('header__menu--active');
    }
  })

Я думаю причина в том ,что у меня кнопка находиться в header ,а "header__menu" я сделал как отдельный файл ( компонент ) и поэтому document.getElementsByClassName('header__menu').classList.contains('header__menu--active')) дает сбой , но с другой стороны я добавил этот компонент , поэтому возможно причина не в этом

Скрин с расположением:
630c7e6536a03340964884.jpeg
Ошибка в консоли:
630c84c79b608692935078.png
  • Вопрос задан
  • 355 просмотров
Решения вопроса 1
@bazliiii Автор вопроса
Смог пофиксить , добавить id для header__menu и обращался к элементу через getElementById , а не getElementsByClassName , не знаю почему с классом не хотело работать 0_0
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы