React技巧之理解Eslint规则

2022-08-19 15:55:01 浏览数 (1)

原文链接:https://bobbyhadz.com/blog/react-hooks-exhaustive-deps[1]

作者:Borislav Hadzhiev[2]

正文从这开始~

起因

当我们在effect钩子中缺少依赖时,react-hooks/exhaustive-deps规则会警告我们。要摆脱这个警告,可以把函数或变量声明移到useEffect钩子里面,把每次渲染都会变化的数组和对象记忆存储,或者禁用这个规则。

下面是一个如何引起警告的例子。

代码语言:javascript复制
import React, {useEffect, useState} from 'react';

export default function App() {
  const [address, setAddress] = useState({country: '', city: ''});

  // 


	

0 人点赞