第 93:6 行：React Hook useEffect 缺少依赖项：'estado'。 要么包含它，要么移除依赖数组 react-hooks/exhaustive-deps

Question

Can someone help me please?

I have the following problem!!

Line 93:6: React Hook useEffect has a missing dependency: 'estado'. Either include it or remove the dependency array react-hooks/exhaustive-deps

  const [nome, setNome] = useState("");
  const [sobreNome, setSobreNome] = useState("");
  const [email, setEmail] = useState("");
  const [dataNascimento, setDataNascimento] = useState("");
  const [phone, setPhone] = useState("");
  const [estado, setEstado] = useState();
  const [cidade, setCidade] = useState();   
  const [lojas, setLojas] = useState();
  const [valueEstado, setValueEstado] = useState([]);
  const [valueUnidade, setValueUnidade] = useState([]);
  const navigate = useNavigate();

  useEffect(() => {
    let arr = [];
    unidades.map((item) => {
      if (estado === item.UF) {
        arr.push(item.Cidade);
      }
      return true
    });
    
    setValueEstado(arr);
  }, [estado]);

  useEffect(() => {
    let arr = [];
    unidades.map((item) => {
      if (cidade === item.Cidade && estado === item.UF) {
        arr.push({ Loja: item.Loja, CodigoFilial: item.CodigoFilial });
      }
      return true
    });
    setValueUnidade(arr);
  }, [cidade]);

Answer 1

Your second useEffect accesses the state variable "estado" but you don't list it in the dependency array (the second argument of useEffect). Note, this will cause your second useEffect to rerun anytime "estado" changes.