以下React方法的不同/好处？

Question

我对ReactJS还是相当陌生，并且已经学习了一些JSX。我正在将我的个人网站从HTML / JS转换为React。

例如，使用有什么区别

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

以及在JSX中（确实具有“ LayoutRowDiv.js”的相应组件，确实可以完成上述操作。

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

哪种是最佳做法？我已经使用这两种方法对主页进行了一些编码，说实话，第一个版本看起来更干净？

只是看一些意见和想法，也许是我误会了一些东西。

我已经附上了两个片段。

Answer 1

JSX只是React.createElement上的语法糖，没有添加功能。它更多地是应该使用的开发人员偏好。除了您会在构建期间节省一些babel模块和步骤这一事实之外（如果您选择React.createElement，对性能的影响几乎可以忽略不计），我想说的是两者的价格相同。

了解更多here