1. 客户端运行
让页面的jsx代码正常运行，需要完成以下两项操作：
- 引入
browser.js，这个脚本能转义JSX代码。 - 在使用JSX的
<script>标签中辨明type属性，告诉babel转换这段代码（type=text/bable浏览器本身不支持该属性）。
<script src="./source/react.js"></script>
<script src="./source/react-dom.js"></script>
<script src="./babel/browser.js"></script>
<script type="text/babel">
ReactDOM.render(
<h1>
{1}{2}
</h1>,
document.getElementById('app')
);
</script>
当加载页面时，browser.js文件会查找所有包含text/jsx的脚本，并把其中的内容转换成浏览器支持的代码。
下图是在线编辑器(https://babeljs.io/repl )展示编译后的结果：
babel
网友评论