其他分享
首页 > 其他分享> > React入门教程-阮一峰

React入门教程-阮一峰

作者:互联网

https://github.com/ruanyf/react-demos

http://www.ruanyifeng.com/blog/2015/03/react.html

为什么script的类型是text/babel?

因为React 独有的JSX 语法,跟JavaScript不兼容。凡是使用JSX 的地方,都要加上type="text/babel"。

上面的代码总共用到了三个库。。React、React-DOM。。而browser.js负责将jsx的语法转换

$ babel src --out-dir build

上面的命令可以将js进行语法转换,转码后的文件放在build目录下。

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

上面的代码是将第一个参数的内容渲染到第二个参数所在的位置。

var names = ['Alice', 'Emily', 'Kate'];

ReactDOM.render(
  <div>
  {
    names.map(function (name) {
      return <div>Hello, {name}!</div>
    })
  }
  </div>,
  document.getElementById('example')
);

 

标签:语法,render,babel,入门教程,React,一峰,names,text
来源: https://www.cnblogs.com/2008nmj/p/14610656.html