Javascript React导入和呈现其他组件在没有工具的情况下无法工作

我试图在另一个组件中呈现一个组件，然后将该代码呈现到html文件中。我尽了我所知的一切，但都没能开始工作。我是React JS新手，希望在没有任何工具和绑定器的情况下尽可能简单地学习它。因此，我在html文件中链接react、react dom和babel，并创建两个不同的组件js文件。你能看一下代码并指导它有什么问题以及如何修复它吗。我已经尝试在类头之前导出默认值，并仅导出，在App.js文件中，我尝试从“/Header”导入{Header}；但仍然不起作用。多谢各位

Header.js文件中的头组件*/ 类头扩展了React.Component { render（） { 返回( 我美丽的网站

---

); } } 导出默认标题； /*App.js文件中的App组件*/ 从“./头”导入头； 类应用程序扩展了React.Component { render（） { 返回( 我正在努力使这件事起作用 这应该很容易做到，我正在努力做到，但可能是我有点困惑 在JS中，事情迟早会发生反应，尽管一切变得更容易，最重要的是 当你坚持的时候，人类的头脑会变得非常清晰。我相信。

); } } ReactDOM.render（，document.getElementById（'root'））

反应你好世界

你必须通过考试

示例

类头扩展了React.Component
{
render（）
{
返回(
我美丽的网站

);
}
}
导出默认标题；
//从“/Header”导入标题；
const Header=window.InlineBabelScript.default
类应用程序扩展了React.Component
{
render（）
{
返回(
我正在努力使这件事起作用

这应该很容易做到，我正在努力做到，但可能是我有点困惑
在JS中，事情迟早会发生反应，尽管一切变得更容易，最重要的是
当你坚持的时候，人类的头脑会变得非常清晰。我相信。

);
}
}
ReactDOM.render（，document.getElementById（'root'））；