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 將其視為 volatile 依賴項。 您可以在組件外部使用該函數，但由於該函數本身使用狀態掛鈎並依賴於 props，請將其移動到效果掛鈎中。

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

  conectar();
}, [props]);