ライフサイクル(クラスと関数)

1282 ワード

テキストリンク

通常の順序

作成時(マウント時-マウント):constructor、render、componentDidMount
更新時:render、componentDidUpdate
アンインストール時(アンインストール時-アンインストール):ComponentWillUnmount

関数構成部品には、フックを使用して関数構成部品を管理する「反フック」があります.クラスライフサイクルで発生するすべてのフェーズ(コンポーネントDidMount、コンポーネントDidUpdate、コンポーネントWillUnmount)は、ユーザーEffect Hookによって実行されます.

作成時(マウント時-マウント):

useEffect(() => {
 console.log(“ComponentDidMount”);
 }, []);

更新時

useEffect(() => {
 console.log(“ComponentDidMount & ComponentDidUpdate”);
 });

アンインストール時(アンインストール時-unmounting)

useEffect(() => {
 return () => {
 console.log(“ComponentWillUnmount”);
 };
 }, []);

この問題について(ライフサイクル(クラスと関数)), 我々は、より多くの情報をここで見つけました https://velog.io/@picapipicca/라이프-사이클-클래스형-vs-함수형

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol