react.js的纯JavaScript语法

我正在尝试为一个带有Java后端的应用程序创建一个带有React的前端。因此，我只想通过添加脚本将React合并到我的JavaScript和html中。我不一定要使用Babel for JSX语法，但是React的纯JavaScript语法让我很困惑，因为我对React非常陌生

假设我有这样的东西：

const e = React.createElement;
return e(
        'button',
        {className: 'whiteButton', onClick: () => this.setState({
                            clicked: false})},
        'Click Me Again'    
    );

现在，如果我想在div中添加这个按钮等等，我该怎么做呢？React.createElement（组件、道具等子元素）在语法方面如何工作

我理解这个概念，只是语法让我很难理解

非常感谢您的帮助

注：由于我是一个新的反应和指导将非常感谢以及

ReactDOM.render(React.createElement(
    "div",
                            null,
                            React.createElement("e", null)
), document.getElementById('app'));

const e = React.createElement(
         "button",
          { className: "whiteButton", onclick: () => 
this.setState({clicked: false }) },
  "'Click Me Again'"
);

试试上面的代码。您还可以使用此工具将jsx转换为纯js。

---

也许可以帮助你。这个问题没有答案。什么是e？问题是什么还不清楚。你是在问如何用普通JS编写JSX吗？首先，您可以检查Babel输出。@estus我已经更新了e。是的，我想用纯JavaScript编写JSX。我认为引导一个不使用JSX的应用程序的方式没有多大区别。看见例如，

ReactDOM.render（React.createElement（'h1'，{}，'Hello，World！'），document.getElementById（'root'）工作正常。