JS.React.Элемент

Рассмотрим функцию ReactDOM.render более подробно, она принимает 3 параметра

  • ReactElement: элемент для рендеринга
  • DOMElement: элемент DOM, в который надо добавить ReactElement
  • Callback: опциональная функция обратного вызова

Элемент определяется так

Далее, в коде он может использоваться.

Ниже примеры использования.

Ниже, пример обновления элементов

При обновлении элемента виртуальный React DOM сравнивает текущее состояние элемента с его предыдущим состоянием и при наличии изменений применяет их к веб-странице и обновляет стандартный DOM. Но обновляться будет не весь пересоздаваемый элемент, а только текстовый узел, который содержит вывод текущего времени, так как только этот узел будет отличаться от предыдущего состояния.

This entry was posted in Без рубрики. Bookmark the permalink.