@funkydance

Почему событие при клике в React срабатывает со 2 раза?

Здравствуйте.

Написал небольшое событие, которое при клике на элемент навешивает классы на несколько других. Всё работает, но если только кликнуть 2 раза на элемент первый раз, а вот потом уже всё с первого раза переключается.
NavigationTr () {
  let bet = document.querySelector(".game__wrap > span");
  let trbutton = document.querySelector(".game-head__tr-navigation");
  let linetr = document.querySelector(".game_info-head");
  let menugame = document.querySelector(".game-head__place-bet");
  let end = document.querySelector(".end__winners");
  trbutton.addEventListener("click", (e) => {
    e.preventDefault();
    end.classList.add("game__tr");
    menugame.classList.add("game-tr");
    bet.classList.add("game-tr");
    bet.classList.add("game__show");
    linetr.classList.add("game__show");
  })
}


На сам элемент навесил эту функцию:

<button onClick={this.NavigationTr} type="button" className={b({ block, elem: "tr-navigation" })}>


Тоже самое и с другими функциями, почему только со 2 раза. Гуглил похожие моменты, но не совсем понял причину.
  • Вопрос задан
  • 2194 просмотра
Пригласить эксперта
Ответы на вопрос 1
@bestinterviewquestion
My name is Umesh Singh working as a php developer
The problem is html related, rather than React related. By default clicking a label will also trigger the onClick event of the input element
https://www.bestinterviewquestion.com/react-native...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы