React中的生命周期函数

 1 // 组件即将被挂载到页面时执行
 2 componentWillMount() {
 3   console.log("componentWillMount");
 4 }
 5 
 6 // 组件挂载到页面之后执行
 7 componentDidMount() {
 8   console.log("componentDidMount");
 9 }
10 
11 // 组件被更新之前执行
12 shouldComponentUpdate(nextProps, nextState, nextContext) {
13   console.log("shouldComponentUpdate");
14   return true
15 }
16 // 组件被更新之前,但在shouldComponentUpdate之后,返回true才执行
17 componentWillUpdate(nextProps, nextState, nextContext) {
18   console.log("componentWillUpdate")
19 }
20 // 组件更新完成之后执行
21 componentDidUpdate(prevProps, prevState, snapshot) {
22   console.log("componentDidUpdate")
23 }
24 
25 // 一个组件要从父组件接受参数
26 // 如果这个组件第一次存在于父组件,不会执行
27 // 如果这个组件之前已经存在于父组件中,才会执行
28 componentWillReceiveProps(nextProps, nextContext) {
29   console.log("child componentWillReceiveProps")
30 }
31 // 当这个组件即将从页面剔除的时候执行
32 componentWillUnmount() {
33   console.log("child componentWillReceiveProps")
34 }

 

posted @ 2019-03-28 11:44  ronle  阅读(242)  评论(0编辑  收藏  举报