Блог

Главная - Вопросы по программированию - Является ли имя события React равным его ванильному JS-имени?

Является ли имя события React равным его ванильному JS-имени?

#javascript #reactjs

#javascript #reactjs

Вопрос:

Немного странный вопрос, который я знаю .. 🙂 Я безуспешно пытаюсь отправить событие щелчка по элементу. вот интерактивный элемент:

 <div
        className="just-humash-text"
        id="one-column-container"
        onClick={() => {
          if (!isBookmarkLineSelectionMode) setIsNikudMode(!isNikudMode);
          setIsFirstScroll(false);
        }}

а вот отправка события (в другом компоненте):

 useEffect(() => {
  ref.current.addEventListener('animationend', () => {
    const humashTextElem = document.querySelector('.just-humash-text');
    console.log(humashTextElem);
    humashTextElem.dispatchEvent(new Event('click'));
  });
}, []);

( console.log работает и регистрирует правильный элемент ..)

большое спасибо!

Комментарии:

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

2. это вариант, но в моей ситуации удобнее использовать dispatchEvent..

3. reactjs.org/docs/events.html#supported-events Прямое манипулирование DOM — это антишаблон в react.