React Hook useEffect 缺少依赖项

Posted 2023-02-21

【中文标题】React Hook useEffect 缺少依赖项

【英文标题】：React Hook useEffect has a missing dependency

【发布时间】：2019-10-24 22:45:26

【问题描述】：

我在构建我的应用程序时遇到了这个问题。有谁知道怎么回事？

React Hook useEffect 缺少一个依赖项：'conectar'。要么包含它，要么移除依赖数组 react-hooks/exhaustive-deps

const GraficoEquivalenteNovo = props => 
  const [equivalenteNovos, setEquivalenteNovos] = useState([]);
  const [data, setData] = useState([]);
  async function conectar() 
    const resposta = await ConexaoGraficoEquivalenteNovo(props);
    setEquivalenteNovos(resposta[0]);
    setData(resposta[1]);
  
  useEffect(() => 
    conectar();
  , [props]);

  return (....)
;

【参考方案1】：

你的钩子依赖于函数connectar，它在钩子之外声明，但在渲染过程内部。它在每次渲染时重新制造。因此，React 将其视为一个不稳定的依赖项。您可以在组件之外拥有该函数，但由于该函数本身使用状态钩子并依赖于道具，因此请将其移至效果钩子中。

useEffect(() => 
   async function conectar()  
    const resposta = await ConexaoGraficoEquivalenteNovo(props); 
    setEquivalenteNovos(resposta[0]);
    setData(resposta[1]);
   

  conectar();
, [props]); 

【讨论】：

第一个场景将是一个毫无意义的练习，因为每次渲染都会创建conectar。

是的，我要删除它。

您缺少依赖关系，例如 setEquivalenteNovos、setData 和 ConexaoGraficoEquivalenteNovo

@Vencovsky 状态挂钩不被视为依赖项。 ConexaoGraficoEquivalenteNovo 是从函数组件外部导入的，因此它不是依赖项。一定是其他问题。

也许ConexaoGraficoEquivalenteNovo 不是依赖，但其他两个是