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