Javascript 如何使用jsx短语连接并响应html

谢谢你阅读这篇文章

作为回应

const name='test'；
const element=Hello，{name}；
render（元素，document.getElementById（'test'）；

同时在html中

。。。
...

我把密码从

它不起作用，但返回“Hello”效果很好，
那是

const元素='Hello'；
render（元素，domContainer）；

jsx有什么问题？？？？ 我在使用jsx时错过了什么吗

编辑：
我试过了

但不起作用，要么是“你好”，要么是

Hello

---

react代码位于test.jsx中

React不随JSX transpiler提供。您必须明确地将其添加到项目中。Babel就是这样一个transpiler，它可以帮助理解JSX语法

将下面的babel脚本添加到您的html文件中

并在代码周围键入

text/babel

，如下所示-

 <script type="text/babel">
    const name = 'test';
    const element = <h1>Hello, {name}</h1>;
    ReactDOM.render(
      element,
      document.getElementById('root')
    );
 </script>

常量名称='test'；
const element=Hello，{name}；
ReactDOM.render(
元素，
document.getElementById（'root'））
);

这给出了一个示例-