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 (
<div>
<button onClick={() => setNum(num + 1)}>+1</button>
<div>你好，react hook{num}</div>
</div>
);
}
相关推荐HOT
更多>>
JavaScript全解析——案例-验证码按钮倒计时
JavaScript全解析——案例-验证码按钮倒计时
算法评测标准---空间复杂度是什么？
算法评测标准---空间复杂度是什么？空间复杂度是什么？一. 空间复杂度的概念，复杂度(Space Complexity)，是对一个算法在运行过程中临时占用存...详情>>
2023-03-23 20:15:04
怎么用css画三角形？
怎么用css画三角形？border这里的像素值 和 border-left这里的像素值可以是不一样的,也可以是一样的,根据三角形的形状来进行具体设置值即可，要...详情>>
2023-03-23 15:27:16
Maven集成 tomcat插件及使用教程
在实际的项目开发中，特别是分布式项目，往往有N多个子项目需要同时启动测试。这样多个项目引用tomcat插件，配置不同的端口，就可以同时启动N个...详情>>
2023-02-23 14:44:00热门推荐
JavaScript全解析——案例-验证码按钮倒计时
沸hooks模仿componentDidMount是什么
热Redis的八大特性有哪些？
热Redis应用场景有哪些？
新JavaScript全解析——设计模式是什么
JavaScript全解析——数据操作是什么
JavaScript全解析——DOM操作-获取元素的方式
useEffect如何写在依赖？
useRef与createRef的区别是什么？
redux中如何使用中间件？
useDeferredValue vs useTransition有什么不同？
createSelector的使用场景有哪些?
从零开始学Java53之Integer底层原理探究
移动端兼容适配是什么？
技术干货
京公网安备 11010802030320号