React—JSX转换成标准的JavaScript

React—JSX转换成标准的JavaScript

什么是JSX？
JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。
在 JavaScript 代码里写着 XML 格式的代码称为 JSX。
例如：

<script type="text/babel">
    React.render(
      <h1>这是一个JSX代码示例。h1>,
      document.body
    );
script>

JSX转换成标准的JavaScript：

A. 在线转换：
react应用需要调用哪些js文件？

<script src="js/react.js">script>
<script src="js/react-dom.js">script>

<script src="js/browser.min.js">script>

<script type="text/babel" src="src/main.js">script>

B. 离线转换：
安装离线转换工具，项目根目录下执行命令：
依赖npm

cnpm install -g react-tools

将含有JSX格式的文件转换成标准的JavaScript文件，执行命令：

jsx --watch src/ build/

一旦修改src目录下的文件，build目录下会自动生成对应的文件。
此时react应用需要调用哪些js文件？

<script src="js/react.js">script>
<script src="js/react-dom.js">script>


<script src="build/main.js">script>