我可以使用传统的JS语法将JSX标签嵌套到另一个标签中吗

Question

const JSXParentTag = <div></div>;
const JSXChildTag = <p></p>;

考虑parentTag&childTag。有可能在parentTag中嵌套childTag，使其看起来像这样吗：

<div>
<p></p>
</div>

使用传统JS语法？例如，类似这样的东西：

JSXParentTag.child = JSXChildTag;

---

p.S.我知道你会写<div>{JSXChildTag}</div>。我想知道我是否可以使用传统的JS语法来嵌套它们，因为我正在对多个JSX标签数组进行排序；这会让事情变得更容易。

Answer 1

不，你不能。JSX是JavaScript的语法扩展。Babel将JSX编译为React.createElement((调用。在您的示例中，<div>被编译为React.create('div')。如果你想用"；传统JS语法"；可以使用createElement方法。

React.createElement('div', null, React.createElement('p'));