Практика
Привет, Вы узнаете о том , что такое В чем разница между элементом и компонентом? в REACT, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое В чем разница между элементом и компонентом? в REACT , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).
. Об этом говорит сайт https://intellect.icuЭлемент представляет собой обычный объект , описывающий то , что вы хотите , чтобы появиться на экране в терминах узлов DOM или других компонентов. Элементы могут содержать другие элементы в своих реквизитах. Создание элемента React - это дешево. Как только элемент создан, он никогда не видоизменяется.
Объектное представление элемента React будет следующим:
const element = React.createElement(
'div',
{id: 'login-btn'},
'Login'
)
Вышеуказанная
{ type: 'div', props: { children: 'Login', id: 'login-btn' } }
И, наконец, он обращается к DOM с помощью
<div id='login-btn'>Login</div>
Принимая во внимание, что компонент может быть объявлен несколькими различными способами. Это может быть класс с
const Button = ({ onLogin }) =>
<div id={'login-btn'} onClick={onLogin}>Login</div>
Затем JSX переносится в
const Button = ({ onLogin }) => React.createElement(
'div',
{ id: 'login-btn', onClick: onLogin },
'Login'
)
Исследование, описанное в статье про В чем разница между элементом и компонентом? в REACT, подчеркивает ее значимость в современном мире. Надеюсь, что теперь ты понял что такое В чем разница между элементом и компонентом? в REACT и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)
Комментарии