useEffect如何寫在依賴
匿名提問者
2023-05-16 16:30:00
useEffect如何寫在依賴

推薦答案
useEffect如何寫在依賴
import React, { useState, useEffect } from 'react';
export default function hook() {
const [num, setNum] = useState(1)
/**
* 第一個(gè)參數(shù)是回調(diào)函數(shù)
* 第二個(gè)參數(shù)是依賴項(xiàng)
* 每次num變化時(shí)都會(huì)變化
*
* 注意初始化的時(shí)候,也會(huì)調(diào)用一次
*/
useEffect(() => {
console.log("每次num,改變我才會(huì)觸發(fā)")
return () => {
/**
* 這是卸載的回調(diào)可以執(zhí)行某些操作
* 如果不想執(zhí)行,則可以什么都不寫
*/
console.log("卸載當(dāng)前監(jiān)聽")
}
}, [num])
useEffect(() => {
console.log("每次render頁面我就會(huì)觸發(fā)")
return () => {
console.log("卸載當(dāng)前監(jiān)聽")
}
})
return (
setNum(num + 1)}>+1
你好,react hook{num}
);
}

熱議問題

java線程通信方式有幾種
java線程通信方式有幾種

1
為什么用idea
熱
1
為什么用idea
熱

2
java程序員培訓(xùn)要多少錢?培訓(xùn)效果如何?
熱
2
java程序員培訓(xùn)要多少錢?培訓(xùn)效果如何?
熱

3
BigInteger這個(gè)類的用法
熱
3
BigInteger這個(gè)類的用法
熱

4
html和h5有什么區(qū)別?如何分辨?
熱
4
html和h5有什么區(qū)別?如何分辨?
熱

5
你所不知道的Lambda表達(dá)式和常用的函數(shù)式接口
熱
5
你所不知道的Lambda表達(dá)式和常用的函數(shù)式接口
熱

6
h5培訓(xùn)怎么樣?去哪培訓(xùn)比較好?
熱
6
h5培訓(xùn)怎么樣?去哪培訓(xùn)比較好?
熱
在線提問>>
專業(yè)導(dǎo)師線上坐鎮(zhèn)
提交問題