在浏览器环境下,我们如何使用JSX Transform
<script type="text/jsx"> /** @jsx React.DOM */ React.renderComponent(<h1>测试</h1>,document.getElementById('test')); </script> <script src="../build/react.js"></script> <script src="../build/JSXTransformer.js"></script>
需要注意几点:
- script的type为text/jsx
- 注释/** @jsx React.DOM */ 是必须的
renderCOmponent方法:
- 第一个参数:类似模板
- 第二个参数:dom
单独拿出:
- 新建一个文件test.js,type="text/jsx"
离线转化:
- npm install -g react-tools
- jsx --watch **/**/
本文部分内容:
http://facebook.github.io/react/docs/tooling-integration.html#productionizing-precompiled-jsx
http://facebook.github.io/react/docs/getting-started.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。