useEffect如何写在依赖
匿名提问者2023-05-16
useEffect如何写在依赖
推荐答案
useEffect如何写在依赖
import React, { useState, useEffect } from 'react';
export default function hook() {
const [num, setNum] = useState(1)
/**
* 第一个参数是回调函数
* 第二个参数是依赖项
* 每次num变化时都会变化
*
* 注意初始化的时候，也会调用一次
*/
useEffect(() => {
console.log("每次num，改变我才会触发")
return () => {
/**
* 这是卸载的回调可以执行某些操作
* 如果不想执行，则可以什么都不写
*/
console.log("卸载当前监听")
}
}, [num])
useEffect(() => {
console.log("每次render页面我就会触发")
return () => {
console.log("卸载当前监听")
}
})
return (
setNum(num + 1)}>+1
你好，react hook{num}
);
}
