React学习(二)：组件的生命周期及数据流

一 React在生命周期的不同时刻都有对应的钩子函数：

1加载阶段

Class constructor -> componentWillMount -> render -> componentDidMount

2 卸载阶段

componentWillUnmount

3 props更改

componentWillReceiveProps ->shouldComponentUpdate ->componentWillUpdate ->render ->componentDidUpdate

4 state更改

shouldComponentUpdate -> componentWillUpdate ->render ->componentDidUpdate

二 数据流

React的数据流是单向的，props是从父节点传到子节点，组件内部有自己的状态，这些状态只能在组件内修改，react组件可以看作是一个函数，接收props和state作为参数，返回一个虚拟的DOM表现。

1. props是父组件传递给子组件的属性，可以通过this.props访问，但不能通过这种方式修改他，一个组件绝不可以自己修改自己的props。

2. propTypes提供了验证方式，可以验证是否为给定的类型，也可以通过设置isRequired注明是否是可选的。

3. 每个组件都可以拥有自己的state，它只存在于组件的内部，它可以通过setState来更改，只要setState被调用，render就会被调用，然后虚拟DOM更新，真实的DOM也会更新，这里要注意的是不能直接修改this.state,要通过this.setState去修改，不要尝试把props复制到state中，尽可能把props当作数据源。