В чем разница между элементом и компонентом? в REACT

Привет, Вы узнаете о том , что такое В чем разница между элементом и компонентом? в REACT, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое В чем разница между элементом и компонентом? в REACT , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).

Элемент представляет собой обычный объект , описывающий то , что вы хотите , чтобы появиться на экране в терминах узлов 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)