React Hook useEffect缺少一个依赖项

Question

我在构建应用程序时遇到了这个问题。 有人知道出了什么问题吗？

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 (....)
};

Answer 1

你的钩子依赖于函数connectar，该函数在钩子外部声明，但在渲染过程中是内部的。它在每次渲染时都会重新制造。因此，React 将其视为一种易失性依赖项。您可以将该函数放在组件之外，但由于函数本身使用状态钩子并依赖于 props，因此请将其移动到效果钩子中。

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