文件分离和离线转换 JSX
第一个 HTML:
<!DOCTYPE html>
<html>
<head>
<script src="build/react.js"></script>
<script src="build/JSXTransformer.js"></script>
</head>
<body>
<div></div>
<script type="text/jsx">
React.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
</script>
</body>
</html>
为了更好的管理代码和运行代码,可将 JSX 代码放到单独的 src/helloworld.js
文件,使用本地工具 react-tools
转成标准的 JavaScript: jsx --watch src/ build/
。然后再在 HTML 中的 <script>
标签中引入 src="build/helloworld.js"
即可。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论