В чем разница между createElement и cloneElement?
В чем разница между createElement и cloneElement?

Видео: В чем разница между createElement и cloneElement?

Видео: В чем разница между createElement и cloneElement?
Видео: JavaScript #6: создание и добавление элементов DOM createElement, append, remove, insertAdjacentHTML 2024, Май
Anonim

В чем разница между createElement и cloneElement ? JSX становится createElement и React использует его для создания React Elements. cloneElement используется как часть запроса на клонирование компонента и передачу новых свойств.

Тогда что делает React cloneElement?

В Реагировать . cloneElement () функция возвращает копию указанного элемента. Дополнительный реквизит и дети жестяная банка передаваться в функции. Ты бы используйте эту функцию, когда родительский компонент хочет добавить или изменить свойства своих дочерних элементов.

в чем разница между PureComponent и компонентом? Составная часть а также PureComponent Имеется разница PureComponent точно так же, как Составная часть за исключением того, что он обрабатывает за вас метод shouldComponentUpdate. Когда реквизит или состояние меняются, PureComponent сделаю мелкий сравнение как на реквизитах, так и на состоянии.

Кроме того, что такое return createElement?

createElement () Создать и возвращение новый Реагировать элемент данного типа. Аргумент типа жестяная банка быть либо строкой имени тега (например, 'div' или 'span'), либо Реагировать тип компонента (класс или функция) или Реагировать тип фрагмента. Код, написанный на JSX буду быть преобразованным для использования Реагировать . Видеть Реагировать Без JSX узнать больше.

Когда следует использовать Docomponentupdate?

ShouldComponentUpdate позволяет нам сказать: обновляйте только в том случае, если меняются реквизиты, которые вам небезразличны. Но имейте в виду, что это может вызвать серьезные проблемы, если вы установите его и забудете, потому что ваш компонент React не будет нормально обновляться. Так использовать с осторожностью. Наиболее общий Использовать Кейс: точное управление моментом повторного рендеринга вашего компонента.

Рекомендуемые: