#8.React(useEffect)

4417 ワード
React useEffect テキストリンク

関数構成部品


-ライフサイクルメソッドはありません.でもUSEffectというHookがありました
-userEffectはHookなので関数です

使用方法（マウント、更新時）

useEffect(()=>{
	console.log(“안녕하세요”) 
})
->ページが再読み込みされるたびに実行されます.(これらのリーダは、2番目のパラメータの配列であるように制御できます.)
useEffect(()=>{
	console.log(“안녕하세요”)
} , [])
->この構成部品をロードするときは、1回目のみ実行します.(再読み込み後は1回のみ実行されます.このuseEffectは目を点灯し、アレイのみを表示していますが、アレイは空です.)
useEffect(()=>{
	console.log(“안녕하세요”)
} , [color])
->色変数が変化した場合にのみ、最初のコード(関数)を実行します.
useEffect(()=>{
	console.log(“안녕하세요”)
} , [color, age, height])
->2番目の配列の3つの変数のいずれかが変化した場合、最初のコード(関数)が実行されます.

使用法（UnMountの場合）

useEffect(()=>{
	console.log(“안녕하세요”)
	return () => {
	 여기 들어가는 코드들은 이 컴포넌트가 해체될때 run하는 코드, 예를 들어 
         network, API connection을 지우고 싶으면 remove code작성
}} , [color])

クラス構成部品

  • ライフサイクルメソッド(構成部品の変更)
  • インストール、更新、UnMount(作成、修正、削除)
  • componentDidMount(), componentDidUpdate(), componentWillUnmount()
    • Clean Code:クラス
    【問題解】ルーグSP 3267 DQUERY-D-query