我有一個連接到 Flask 后端的 React 應用程序。我一直在努力進行身份驗證。我有一個用戶在成功登錄后被重定向到的頁面。但是，我正在嘗試獲取它，以便如果用戶在未登錄的情況下導航到此路徑，他們將被重定向到登錄頁面。此功能似乎有效，但它調用了我的后端 API 三次，我不確定為什么。function Overview() {    const [userName, setUserName] = useState("");     const history = useHistory();    const location = useLocation();    function checkLocation() {        try {            let comingFrom = location.state.comingFrom;            const token = location.state.token;            var login = token + ":unused";             fetch("http://127.0.0.1:5000/api/resource", {                    headers: {                    Accept: "application/json",                    "Access-Control-Allow-Origin": "*",                    "Content-Type": "application/json",                    Authorization: "Basic " + Buffer.from(login).toString("base64"),                    },                })                .then((response) => response.json())                .then((data) => {                    setUserName(data["data"]);                });                    } catch(error) {            history.push({                pathname: "/login"              });        }    }    checkLocation();    return <h1>{userName}</h1>;}export default Overview;有人可以建議為什么它被調用三次嗎？