Полноценный аналог .addEventListener() в react?

181
15 марта 2018, 11:32

Есть ли в реакт аналог .addEventListener()? Задача следующая: есть форма, в форме - инпуты. Есть див с содержимым, это рендерит реакт (reactdiv в примере). Здесь должны отобразиться результаты того или иного события в форме. Допустим, по клику на кнопку вывести в reactdiv "привет, мир!", разметка:

<form ...>
         ... 
    <input type="submit" ...>
</form>
<div id="reactdiv"></div>

Пояснение: методы реакта записать прямо в тег не подойдут, так как форма не рендерится реактом, а на инпуты нужно динамически вешать события.

Если использовать стандартный метод, то он отрабатывает, надпись появляется - и тут же исчезает из reactdiv.

Подскажите, пожалуйста, есть ли аналоги в реакте или для решения может в какую-то другую сторону нужно смотреть? Что можно почитать по этому поводу?

Answer 1

Если нужно, то вешайте обработчик через addEventListener в componentDidMount(){} Хотя все события React типа "onClick" отрабатываются по факту внутри движка через addEventListener.

READ ALSO
Slick carousel переход на страницу window.location.href не работает

Slick carousel переход на страницу window.location.href не работает

есть карусель на Slick появилась идея при просмотре последнего слайда сделать переход на определённую страницу попробовал такой вариант

207
Показать все метки на Яндекс карте

Показать все метки на Яндекс карте

Для загрузки объектов на карту использую следующий скрипт

178
JSON одинарные кавычки

JSON одинарные кавычки

ЗдравствуйтеВстречаю два различных типа файлов JSON в различной литературе по этому формату

216
Поиск подстроки и скобочных групп

Поиск подстроки и скобочных групп

Я пытаюсь найти целую строку и все скобочные группыЯ хочу сделать это в строке:

175