react.js的纯JavaScript语法

Question

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

假设我有这样的事情：

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

现在，如果我想将此按钮添加到div等内部，该如何处理？ React.createElement（components，props，... children）在语法方面如何工作？

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

帮助将不胜感激。

注意：由于我是React的新手，因此也非常感谢您提供指导。

Answer 1

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。 http://infoheap.com/online-react-jsx-to-javascript/