react入门--组件/JSX/生命周期

React 入门

一.安装环境
https://react.docschina.org/docs/create-a-new-react-app.html
Node最好用最新版本

cnpm install -g create-react-app
create-react-app first-react-demo
npm install
npm start

查看历史版本

https://facebook.github.io/react/blog/all.html
https://cdnjs.com/libraries/react
https://github.com/facebook/react/commits/master

二.JSX
1.定义：

import React from 'react';import { render } from 'react-dom';
var myDivElement = <div className="foo" />;
render(myDivElement, document.getElementById('mountNode'));

注意：
HTML 里的 class 在 JSX 里要写成 className，因为 class 在 JS 里是保留关键字。同理某些属性比如 for 要写成 htmlFor。
2.使用：

import MyComponent from './MyComponet';
var myElement = <MyComponent someProperty={true} />;
render(myElement, document.body);

3.使用js表达式