React Hook useEffect缺少依赖项：“历史记录”

Question

我有以下代码：

import {useContext, useEffect, useState} from 'react';
import {useHistory} from "react-router-dom";
import {MasterContext} from "../../Context/MasterProvider";
import LoginActions from "../../Context/Actions/LoginActions";

const useLoginForm = () => {
    const History = useHistory();
    const [login, setLogin] = useState({});
    const {AuthState: {Authentication: {Loading, Data, Error}}, AuthDispatch}=useContext(MasterContext);
    const FormData = (event) => {
        const { target: { value, name } } = event;
        setLogin({...login, [name]: value});
    };

    const FormValid =
        !login.email?.length ||
        !login.password?.length;

    const FormSubmit = () => {
        LoginActions(login)(AuthDispatch);
    }

    useEffect(() => {
        if(Data) {
            if(Data.user) {
                History.push("/");
            }
        }
    }, [Data])

        return {login, FormData, FormValid, FormSubmit, Loading, Error, Data};
    }

export default useLoginForm;

工作正常，但有警告。“React-Hook useEffect缺少依赖项：'History'。包括它或删除依赖项数组React-hooks/deps”

Answer 1

您可以将历史添加为依赖项，除非更改路线，否则历史不会更改。因此，除非数据或历史发生更改，否则useEffect挂钩不会运行。

  useEffect(() => {
        if(Data && Data.user) {
                History.push("/");
        }
    }, [Data, History])