第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

React Fetch API 在頁(yè)面加載時(shí)被多次調(diào)用

React Fetch API 在頁(yè)面加載時(shí)被多次調(diào)用

蕭十郎 2023-03-24 17:15:08
我有一個(gè)連接到 Flask 后端的 React 應(yīng)用程序。我一直在努力進(jìn)行身份驗(yàn)證。我有一個(gè)用戶在成功登錄后被重定向到的頁(yè)面。但是,我正在嘗試獲取它,以便如果用戶在未登錄的情況下導(dǎo)航到此路徑,他們將被重定向到登錄頁(yè)面。此功能似乎有效,但它調(diào)用了我的后端 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;有人可以建議為什么它被調(diào)用三次嗎?
查看完整描述

1 回答

?
吃雞游戲

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

你在 useEffect 之外調(diào)用checkLocation,因?yàn)檫@個(gè)函數(shù)更新狀態(tài)你幾乎無(wú)限循環(huán)。


解決方案 放在checkLocation里面useEffect


useEffect(()=>{

checkLocation();

},[])


查看完整回答
反對(duì) 回復(fù) 2023-03-24
  • 1 回答
  • 0 關(guān)注
  • 253 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)