javascript — встроенные обработчики событий, не работающие после клонирования вact.js

встроенные обработчики событий не работают после клонирования в Reaction.js

React на самом деле не создает встроенное событие, даже если вы пишете событие встроенным.

JSX — это не HTML, а просто синтаксический сахар, который преобразуется в React.createElement помощью babel для реакции.

Таким образом, ваше встроенное событие props.onClick фактически становится props.onClick , свойством объекта props.onClick , передаваемого в качестве второго параметра в React.createElement.

Внутренне реагирует присоединяет прослушиватель событий, используя addEventListener .

Когда вы клонируете элемент React и добавляете его в DOM, у вновь добавленного элемента не будет никаких ссылок на компонент реагирования. Итак, если вы хотите, чтобы событие onClick работало так же, как оно работало с исходным DOM, вам нужно увлажнить элемент с реагирующим компонентом.

 var elem = document.getElementById("root").cloneNode(true); document.body.appendChild(elem); ReactDOM.hydrate({amp}lt;Football /{amp}gt;, elem); 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector