useEffect

1189 ワード
useEffect hooks React テキストリンク
useEffect
  • 要素をレンダリングするたびに実行するアクションを設定するHOOKです.
  • コンポーネントDidMountとコンポーネント更新の組合せ形式
    • ComponentDidMount & ComponentdidUpdate
    react lifecyle
    ライフサイクルを参照
  • componentDidMount
    構成部品のインストール直後に呼び出す
    外部からデータをロード場合、送信ネットワーク要求の位置は
    • である.
  • ComponentDidUpdate
    更新後に呼び出す(最初のレンダリングで呼び出されなかった)
    • を使用して、以前と現在のpropsを比較してネットワークリクエストを送信
  • componentWillUnmount
    構成部品をアンインストールして削除する前に呼び出す
    この方法では、[タイマーを上げる](Up Timing)、[ネットワークリクエストをキャンセル](Cancel Network Request)、[コンポーネントDidMount()内で作成したサブスクリプションをキャンセル](Cancel Component DidMount)、[コンポーネントDidUpdate](Component DidUpdate)などの[効果コンポーネントを使用](Use Effect Component DidMount)と[コンポーネントDidUpdate](Component DidUpdate)の共通点は、[状態](Status)を
  • のインストール時のみ実行:userEffectの2番目のパラメータに空の配列を追加します.
    • (コンポーネントDidMountと同様)
    useEffect(()=>{
	console.log('마운트될 때만 실행');
}, []);
  • 特定値更新時のみ実行:userEffectの2番目のパラメータ配列に特定値の変数を追加します.
    • (コンポーネントDidUpdateと同様)
    useEffect(()=> {
	console.log(name);
  }, [name]);
    Clean Code Cleanコード:意味のある名前
    Redis高可用性の「永続化」