只需安装babel命令,即可将react的jsx写法转换成浏览器认识的js写法
1.安装nodejs(百度下载安装即可,自带npm)
2.cmd打开命令行,cd进入在自己的文件夹下
执行命令:
npm install --global babel-cli
npm install babel-preset-react
若本机npm无法安装完成,可以使用cnpm:如文:
3.执行完成后,将jsx写法的react文件进行转换(此处已helloworld.js为例)
ReactDOM.render(Hello, world!
, 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转换前):
Hello React!
5.react js写法(babel转换后)
Hello React!