react.js的纯JavaScript语法
react.js的纯JavaScript语法
提问于 2018-07-31 17:47:05
我正在尝试用React为一个Java后端的应用程序做一个前端。因此，我只想通过添加脚本将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(components，props，...children)在语法方面是如何工作的？
我理解这个概念，只是它的语法让我很为难。
如果能帮上忙，我们将非常感激。
注:由于我是一个非常新的反应和指导，将非常感谢。
回答 1
Stack Overflow用户
发布于 2018-08-01 04:30:45
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/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51610413
复制相关文章
相似问题