React---JSX客户端

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 )展示编译后的结果：