React v 16.9におけるunsafeのライフサイクル関数

1567 ワード

javascript react.js

componentWillMount→UNSAFE_component WillMount

は使ったことがなくて、

を説明しません.

componentWill Receive Props→UNSAFE_componentWillceive Props

原因:

は一回のレンダリング期間において、propsが複数回変化し、この関数が繰り返し起動されることになる.

親コンポーネントは、再レンダリングをトリガし、propsが変化していなくても、関数

を呼び出します.

案

最終的に必要なレンダリング関連データをレンデで処理する.

componentShouldUpdateは、propsに関する

だけを処理する.

を使用する.

は、get DerivedStation Froom Propsを使用して、レンダリング前に起動するだけで、戻り値はstateに適用され、setStateキューを通過しない.

packages react-domsrcerver React PartPartRenderer.js

component WillUpdate→UNSAFE_component WillUpdate

原因:

は、dom情報のスクロール値を読み取るなど、レンダリング前のコンポーネントの状態を保持するように設計されている.

しかし、実際には、setStateまたはトリガreact-redux中のaction

を呼び出すことができる.

案

は、get Snapshot BeforeUpdateを用いてdom情報を取得する静的方法である.setStateなどの方法は使えません.