Javascript 如何将React元素嵌入到组件中？

我正在学习React Js，我有一个初学者问题： 我创建了一个React元素

const element = <h1>Hello, world</h1>;

const元素=你好，世界；

我不明白，为什么我需要大括号将元素放在组件中

const Module = () => 
<div>
{element}  // why {element} not element
</div>;
ReactDOM.render( <Module/>, document.getElementById('root') );

const模块=（）=>
{element}//为什么{element}不是element
;
ReactDOM.render（，document.getElementById（'root'））；

为什么{element}不是element

因为没有

{…}

，你只是在写HTML文本；div将包含单词“element”。

{…}

表示应在

{…}

所在位置计算和使用的表达式；在这种情况下，该表达式只是一个变量引用，因此它在计算该表达式时（当调用

模块

无状态功能组件时）嵌入变量的值

为什么{element}不是element

---

因为没有

{…}

，你只是在写HTML文本；div将包含单词“element”。

{…}

表示应在

{…}

所在位置计算和使用的表达式；在这种情况下，该表达式只是一个变量引用，因此它在计算该表达式时（当调用

模块
无状态功能组件时）嵌入变量的值.
您在react网站上浏览该示例可能比在stackoverflow中解释它更容易。您所指的是JSX，它是react团队创建的一种类似html的语法。大括号是将变量注入JSX的一种方式，使代码更具可读性。你能想象如果你插入了一个没有大括号的变量会有多混乱吗。你会看到element，然后说，它们是指单词element还是variable element？
在react网站上浏览示例可能比在stackoverflow中解释更容易。您所指的是JSX，它是react团队创建的一种类似html的语法。大括号是将变量注入JSX的一种方式，使代码更具可读性。你能想象如果你插入了一个没有大括号的变量会有多混乱吗。你会看到元素，然后说，它们是指单词element还是variable元素？
这是纯javascript的东西吗？我是说表情。或反应thing@kilogram：这是一个东西。它是纯javascript的东西吗？我是说表情。或反应thing@kilogram这是一件事。