圖片

掛載

constructor

constructor(props) {
  super(props);
  this.state = {
    text: '構(gòu)造方法'
  };
}

componentWillMount

componentWillMount()

render

• 檢查 this.props 和 this.state 的數(shù)據(jù)并返回一個 React 元素

componentDidMount

componentDidMount()

• render方法后被執(zhí)行

更新

• 當(dāng)一個組件被重新渲染時，會調(diào)用如下方法。

componentWillReceiveProps

componentWillReceiveProps(nextProps) //在掛載的組件接收到新的props時被調(diào)用

shouldComponentUpdate

boolean shouldComponentUpdate(nextProps, nextState) //當(dāng)組件接收到新的props和state時， shouldComponentUpdate方法默認(rèn)返回true

componentWillUpdate

componentWillUpdate(nextProps, nextState)

componentDidUpdate

componentDidUpdate(prevProps, prevState) //兩個參數(shù)分別是渲染前的props和渲染前的state

卸載

componentWillUnmount()