missing dependency:Either include it or remove the dependency array:解决React Hook中useEffect缺少依赖项的警告信息

警告信息: 

./src/components/BusinessList.js Line 51: React Hook useEffect has a missing dependency: 'getPowerList'. Either include it or remove the dependency array react-hooks/exhaustive-deps

警告原因:

        通过使用 useEffect 将依赖项滞空的方法,让 useEffect 中的内容只在页面初始化是运行一次,模拟 componentDidMount() 生命周期函数 

const getPowerList = () => {
    get_power("tree", {
      Authorization: e_token,
    }).then(({ data }) => {
      setPermis(data);
    });
  };

useEffect(() => {
    getPowerList();
  }, []);

        通过查阅翻看 React Hook 官方文档,我们可以发现官方是支持这种写法的

如果想执行只运行一次的 effect(仅在组件挂载和卸载时执行),可以传递一个空数组([])作为第二个参数。这就告诉 React 你的 effect 不依赖于 props 或 state 中的任何值,所以它永远都不需要重复执行。这并不属于特殊情况 —— 它依然遵循依赖数组的工作方式。

如果你传入了一个空数组([]

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值