Reactがまとめた最新のライフサイクル関数

1つのコンポーネントにはライフサイクルが存在し、1つの段階には関数が存在するため、開発ではコンポーネントのライフサイクルでやりたいことをすることができ、簡単には、コンポーネントは一般的にマウント->更新->破棄の3つのプロセスがある.AngularとVueのコンポーネントライフサイクル関数も同じです!
マウントフェーズ

----      
react         
constructor:    ,     ,           state  ,           this
getDerivedStateFromProps:    ,            ,     state    ,         ,           componentWillMount
render:          
componentDidMount:      ,       DOM

更新フェーズ

----      
getDerviedStateFromProps:              
shouldComponentUpdate:         ,      true,  false,       
render():         
getSnapshotBeforeUpdate():          ,   componentDidUpdate
componentDidUpdate:         ,,   getSnapshotBeforeUpdate    

破棄フェーズ

----     
componentWillUnmount:       ,