Разница / Преимущества приведенных ниже методов реагирования?

Question

Я довольно новичок в ReactJS и немного изучаю JSX.Я преобразую свой личный веб-сайт из HTML / JS в React.

В чем разница, например, с использованием:

React.createElement("div", {className: "row"}, ------)

и в JSX (с соответствующим компонентом "LayoutRowDiv.js "делать то же самое, что и на самом деле.

<LayoutRowDiv> ------------- </LayoutRowDiv>

Что было бы наилучшей практикой? Я немного кодировал свою домашнюю страницу, используя оба метода, и, честно говоря, первая версия выглядит чище?

Просто смотрю на некоторые мнения и мысли, как будто я что-то неправильно понимаю.

Я приложил оба фрагмента.

Answer 1

JSX - это всего лишь синтетический сахар над React.createElement без дополнительной функциональности.Это больше предпочтения разработчика, на котором следует использовать.Помимо того, что во время сборки вы экономите несколько модулей и шагов вавилона, что практически не сказывается на производительности, если вы выберете React.createElement, я бы сказал, что оба тарифа одинаковы.

Подробнее здесь