只需安装babel命令，即可将react的jsx写法转换成浏览器认识的js写法
1.安装nodejs（百度下载安装即可，自带npm）
2.cmd打开命令行，cd进入在自己的文件夹下
执行命令：
npm install --global babel-cli
npm install babel-preset-react
若本机npm无法安装完成，可以使用cnpm：如文：http://www.cnblogs.com/wuhairui/p/6796523.html
3.执行完成后，将jsx写法的react文件进行转换（此处已helloworld.js为例）
ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') );
在该文件的目录下执行命令：
babel --presets react helloworld.js --watch --out-dir helloworld
转换后的js文件将会生成在helloworld文件夹中。打开后是这样的：
ReactDOM.render(React.createElement( 'h1', null, 'Hello, world!' ), document.getElementById('example'));
4.react jsx写法（babel转换前）：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script> <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script> <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script> </head> <body> <div id="example"></div> <script type="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') ); </script> </body> </html>
5.react js写法（babel转换后）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script> <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script> <!-- 转换后不需要 Babel了! --> </head> <body> <div id="example"></div> <script> ReactDOM.render(React.createElement( 'h1', null, 'Hello, world!' ), document.getElementById('example')); </script> </body> </html>