react生命周期

1、初始化

• getDefaultProps()
  • 設置默認的props，也可以用dufaultProps設置組件的默認屬性。?
• getInitialState()
  • 在使用es6的class語法時是沒有這個鉤子函數的，可以直接在constructor中定義this.state。
  • 此時可以訪問this.props
• componentWillMount()
  • 在組件初始化時調用（渲染前），以后更新都不調用，整個生命周期只調用一次
  • 此時可以修改state。
• render()
• componentDidMount()
  • 渲染后調用，只調用一次。
  • 此時可以使用this.getDOMNode()。?

2、更新

• componentWillReceiveProps(nextProps)
  • 接收新的props時調用，初始化時不調用。
• shouldComponentUpdate(nextProps, nextState)
  • 接收新的props或者state時被調用。初始化時或者使用forceUpdate時不調用
  • 需要返回一個布爾值
  • 可以在此對比前后兩個props和state是否相同，如果相同則返回false阻止更新
• componentWillUpdate(nextProps, nextState)
  • 新一輪更新前調用，在初始化時不會被調用
  • 此時可以修改state：nextState.name = '你想要更改的值’，不能在此執行 this.setState()
• render()
• componentDidUpdate()
  • 新一輪更新后調用。在初始化時不會被調用
  • 此時可以獲取dom節點

3、卸載

• componentWillUnmount()
  • 將要卸載前調用
  • 一些事件監聽和定時器需要在此時清除

4、錯誤處理

• componentDidCatch()
  • 任意地方的JavaScript錯誤
  • 只能使用錯誤邊界來恢復異常，而不要嘗試將它們用于控制流。