React Hook useEffect缺少依赖项

Question

我在构建我的应用程序时遇到此问题。有人知道怎么回事吗？

React Hook useEffect缺少依赖项：“conectar”。包括它或删除依赖项数组react hooks/dep

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将其视为不稳定的依赖项。您可以在组件之外使用该函数，但是由于该函数本身使用状态钩子并依赖于道具，因此将其移动到效果钩子中。

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

  conectar();
}, [props]);