预编译的 JSX React,js 不工作
Precompiled JSX React,js is not working
您好,我正在学习 React.js 教程,但 运行 遇到了麻烦。使用 React 时,它可以与我页面上的 jsx t运行sformer 一起正常工作。一旦我删除该脚本并将 jsx 编译为 js,它就不再有效。我正在使用 React 在其页面上推荐的 jsx 编译器。这是我的代码:
<div id="content"></div>
<script src="https://fb.me/react-0.13.1.js"></script>
<script type="text/jsx">
var CommentBox = React.createClass({displayName: "CommentBox",
render: function() {
return (
React.createElement("div", {className: "commentBox"},
"Hello, world! I am a CommentBox."
)
);
}
});
React.render(
React.createElement(CommentBox, null),
document.getElementById('content')
);
</script>
感谢您的帮助!
<script type="text/jsx">
如果你不使用 JSX,你应该删除那个类型。然后它将按预期工作。 (Fiddle)
您好,我正在学习 React.js 教程,但 运行 遇到了麻烦。使用 React 时,它可以与我页面上的 jsx t运行sformer 一起正常工作。一旦我删除该脚本并将 jsx 编译为 js,它就不再有效。我正在使用 React 在其页面上推荐的 jsx 编译器。这是我的代码:
<div id="content"></div>
<script src="https://fb.me/react-0.13.1.js"></script>
<script type="text/jsx">
var CommentBox = React.createClass({displayName: "CommentBox",
render: function() {
return (
React.createElement("div", {className: "commentBox"},
"Hello, world! I am a CommentBox."
)
);
}
});
React.render(
React.createElement(CommentBox, null),
document.getElementById('content')
);
</script>
感谢您的帮助!
<script type="text/jsx">
如果你不使用 JSX,你应该删除那个类型。然后它将按预期工作。 (Fiddle)