javascript - React Hook useEffect 缺少依赖项

Question

我在构建我的应用程序时遇到了这个问题。谁知道哪里出了问题？

React Hook useEffect has a missing dependency: 'conectar'. Either include it or remove the dependency array 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

您的 Hook 取决于函数 connectar，该函数在 Hook 外部声明，但在渲染进程内部。它在每个渲染器上重新制造。因此，React 将其视为 volatile 依赖项。您可以在组件外部使用该功能，但由于该功能本身使用状态 Hook 并依赖于 Prop ，因此请将其移至效果 Hook 中。

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

  conectar();
}, [props]);