Javascript React代码插入HTML文件'；好像不行

我是一个新的反应，我真的不知道如何使它工作。 我只是想在我的HTML中添加这个简单的代码，但它似乎不起作用，我不知道为什么

这是我的密码

const-element=React.createElement；
类菜单扩展了React.Component{
render（）{
返回Hello World！
}
}
const domContainer=document.querySelector（'#menu_js'）；
render（元素（菜单），domContainer）；

您想在没有JSX的情况下完成吗？没有JSX意味着你不需要巴贝尔等

我假设这一点，只是因为您为

React.createElement

如果是，您可以这样做：

const-element=React.createElement；
类菜单扩展了React.Component{
render（）{
返回元素（'h1'，null，'helloworld！'）；
}
}
const domContainer=document.querySelector（'#menu_js'）；
render（元素（菜单），domContainer）
渲染简单元素不需要整个类：

const Menu = React.createElement('h1', {}, 'Hello World!');

ReactDOM.render(Menu, document.getElementById('menu_js'));

如果没有错误或任何输出，就很难帮助您。你能在CodeSandBox上发布一些东西吗？它正在工作，谢谢！！另外，使用JSX会更容易/更方便吗？这是大多数人喜欢做的事情。我也将在这里添加JSX示例。你只需要使用像Babel这样的预处理器/转写器。我明白了，谢谢！如果我想创建一个更“复杂”的元素，如
..
，我需要使用类吗？不，只有在渲染前需要计算一些值时才需要类。通过使用多个
React.createElement
或在类内部使用Babel来呈现复杂元素。