Reactjs 简单的helloworld实现

我一直在尝试运行一个简单的hello world react应用程序。我没有使用任何工具。我在同一个目录中创建了index.html和index.js。在我的index.js中，如果我将elements变量转换为字符串，它会工作，但不是我预期的工作方式。它传入一个字符串，该字符串完全按照键入的内容显示

<h1>Hello, world</h1>

你好，世界

我想将html传递到render方法中，但始终出现以下错误：

Uncaught SyntaxError: Unexpected token <

未捕获的语法错误：意外标记<

见下面的代码：

“严格使用”
常量元素=你好，世界；
render（元素，document.getElementById（'app'）

你好，世界
如果没有bundler/Babel，我认为不可能使用JSX语法

您必须使用
React.createElement（'h1'，null，'Hello，world'）

资料来源：

编辑：
如果您计划使用Babel，（
import React…
）是正确的
React
然后需要在使用JSX的范围内。
从'React'导入React
@Chris一旦我将导入语句添加到index.js中，我会得到以下错误：SyntaxError:导入声明可能只出现在模块的顶层Kay，移动它没有帮助吗？我认为在没有bundler/Babel的情况下使用JSX是不可能的。您可能需要使用
React.createElement（'h1'，null，'Hello，world'）
@TobiasK我正在读关于巴贝尔的书。谢谢你的片段。我刚测试过，就是这样。谢谢托比亚斯，如果你想把它作为回答，我会接受的。