React Hook useEffect has a missing dependency: ‘form‘. Either include it or remove the dependen

最新推荐文章于 2024-07-15 16:06:44 发布
最新推荐文章于 2024-07-15 16:06:44 发布
阅读量212 收藏
点赞数 3
文章标签： react.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45742208/article/details/139747978
版权

触发场景：初始化表格数据填充，在useEffect里使用了form，依赖项没有给form，就会提示以上告警；但是实际场景确实不需要依赖form。

顺便提一下：React官方是允许给定空数组依赖项的，表明只想在挂在挂载和卸载时执行一次，用这种写法来模拟 componentDidMount() 生命周期函数。警告信息是由 eslint 报出的，所以我们可以让eslint跳过检查，但前提必须确保确实不需要某依赖项。

解决：
方法1、只在当行根据提示注释：// eslint-disable-line react-hooks/exhaustive-deps
方法2、直接在Eslint规则添加禁用依赖检查：‘react-hooks/exhaustive-deps’: 0
在这里插入图片描述

LittleChan229
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
警告：React Hook useEffect has a missing dependency: ‘click‘
小毛驴的博客
12-28 1万+
在使用useEffect时，当我们将函数的声明放在useEffect函数外面时，会报eslint警告 React Hook useEffect has a missing dependency: 'clickshow'. Either include it or remove the dependency array react-hooks/exhaustive-deps 解决方法: 1.使用 // eslint-disable-line react-hooks/exhaustive-deps useE
React Hook useEffect has a missing dependency: ‘form‘. Either include it or remove the dependency...
Code_code^_^的博客
07-21 207
简单粗暴解决办法，添加注释：eslint-disable-next-line react-hooks/exhaustive-deps。
React Hook useEffect has a missing dependency: ‘getTagList‘. Either include it or remove the depende
weixin_45043548的博客
02-24 751
React Hook useEffect has a missing dependency: 'getTagList'. Either include it or remove the dependency array.
React项目useEffect运行警告 React Hook useEffect has a missing dependency: ‘XXX‘. Either include it or rem
weixin_45966674的博客
06-13 842
第一种 解决方法 如果你希望useEffect之前到componentDidMount的作用 那么就没用了。如果你是希望它只起到 componentDidMount 的作用 那么 就可用第二种解决方法。老实说 我真的不太理解官方这波操作 明敏拿得到作用域非要搞点事情。这个意思是 你里面用了name 但没有 给对应的依赖。直接这样写 警告就也会去除调正常运行。里面用到的数据 写入后面的数组中即可。告诉它 我们不需要监听任何依赖变化。
use-conditional-effect:React.useEffect，除了可以传递比较函数
03-15
问题React的内置useEffect挂钩具有第二个参数，称为“依赖项数组”，它使您能够确定React何时调用效果回调。 React将在每个值之间进行比较（使用Object.is ，类似于=== ），以确定是否应调用效果回调。 依赖项数组...
react-hook-form-persist:使用您选择的存储持久化并填充react-hook-form表单
05-07
import useForm from "react-hook-form" import useFormPersist from 'react-hook-form-persist' function App ( ) { const { register , handleSubmit , watch , errors , setValue } = useForm ( ) ; ...
react-hook-form-auto:使用ReactHookForm自动生成表格
04-28
这个库允许您的React应用程序使用自动生成表单。 表单和验证是根据受启发的模式生成的。...$ npm install react-hook-form react-hook-form-auto --save 不推荐使用 1.2.0适用于react-hook-form 6+。 1.1.0适用于r
ultimate-react-hook-form-form:使用 react-hook 形式的最复杂和功能完整的形式
07-24
这是示例存储库 ...使用 react-hook-form 和 material-ui 使用 dropzone 上传文件（使用 react dropzone） 贡献者 :sparkles: 感谢这些优秀的人（）： 该项目遵循规范。 欢迎任何形式的贡献！
react-hook-form：:clipboard:用于表单验证的React Hooks（Web + React Native）
02-05
高效，灵活且可扩展的表单，易于使用的验证。 English |||| | | | | | | |产品特点兼顾性能和DX 接受本...import { useForm } from ' react-hook-form ' ;function App () { const { register , handleSubmit , errors
React 从入门到实战 一一开发环境基础搭建（小白篇）
最新发布
热爱技术，享受生活
07-15 338
最近两年，react 也愈来愈火热，想要在里面分一杯羹，那肯定逃不过 react 技术，不管是职场人士提升自己的硬实力还是毕业生找工作，都可以跟着本文章一步一步从入门到实战。React是Facebook开发的一款JS库，那么Facebook为什么要建造React呢，主要为了解决什么问题，通过这个又是如何解决的？从这几个问题出发我就在网上搜查了一下，有这样的解释。
【vueUse库Reactivity模块各函数简介及使用方法--下篇】
xiejunlan的博客
07-11 1498
vueUseReactivity函数构想中的refWithControl函数可能的实现方式总结2. syncRef构想中的syncRef函数可能的实现方式注意事项总结3.syncRefs构想中的syncRefs函数可能的实现方式注意事项总结假想的toReactive函数注意事项假设的toReactive函数实现结论5.toReftoRef函数介绍使用方法示例代码总结6.toRefstoRefs函数介绍使用方法示例代码总结7.toValue使用 Vue 3 自身的 API示例使用 vueUse 的类似功能。
react-类组件2
m0_74019046的博客
07-12 404
在开发中不能直接通过修改state的值来使界面发生变化，必须通过setState来修改才能使页面发生变化。使用setState修改时，，如果发生变化会覆盖原来的，然后再执行render。
reactnative 电量自动-颜色渐变-带文字-svg-path-rect实现
一个能慢慢慢慢慢变强大的demo
07-12 931
{/* 反着来的 最大值71 最小值0*/}//设置文字显示x起点坐标。//设置文字渐变颜色。
图片上传裁剪react-cropper
xiao970615的博客
07-11 313
【代码】图片上传裁剪react-cropper。
React@16.x（55）Redux@4.x（4）- store
qq_40147756的博客
07-12 205
store
5，智能合约（react+区块链实战）
qq_44870829的博客
07-11 956
在真实开发里面不是连接jsVM虚拟机的，而是真正链接以太坊的链，无论私有链还是说公链，测试链。创建钱包，常用密码，助记词一定不要丢，备份自己的私钥（助记词，私钥映射到其中）（1）合约里的全局变量 msg.sender 部署合约的地址（合约的拥有者）通过上述进行部署合约到链上及，区分部署合约的地址和调用合约的地址的不同。是因为账户的原因，链接的是第一个无钱的账号，应该链接第二个导入的账户。其余地址执行写入的函数时，虽然没法真正的写入进去，但还是会消耗gas。可以点击部署，将合约部署到链上，这里还没有写合约。
react hook---钩子函数的使用，useState，useReducer，useEffect，useRef,useContext，自定义hook
I_am_shy的博客
07-12 1560
什么是hook钩子函数 hook（钩住），表示拦截操作，可以在某些操作执行时拦截住（钩住），执行hook函数的逻辑， 在react中，hook函数一般是use开头，然后提供一些方法api，也就是说你可以理解成react中的hook就是一套便于操作的api
React_自定义组件_下拉框
分享程序相关知识
07-11 253
使用HTML自带的下拉框，或者使用组件库的下拉框，很难完全按照自己的ui样式去实现，所以自定义一个下拉框，更改更加方便。
React Hook useMemo has a missing dependency: 't'. Either include it or remove the dependency array. react-hooks/exhaustive-deps
06-07
这是一个 React Hook `useMemo` 的警告信息，它告诉你在依赖数组中缺少一个变量 `t`，要么将其包含在依赖数组中，要么将依赖数组移除。`useMemo` 可以用来避免在渲染时重复计算一些值，这个 Hook 的第一个参数是一个函数，第二个参数是一个依赖数组。当依赖数组中的任意一个变量发生变化时，`useMemo` 所传入的函数会重新执行，否则它会返回缓存的值。因此，当你使用 `useMemo` 时，需要确保依赖数组中包含所有需要缓存的变量，否则可能会导致缓存失效或者无法正确更新。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值