Question

我正在尝试使用React制作具有Java后端的应用程序的前端。因此，我只是试图通过添加脚本将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/

react.js的纯JavaScript语法

1 个答案: