React - JS 不在全局中存储对象

Question

我正在尝试将一个对象（用户）插入到一个全局对象中，这样我就可以在需要时无需进行多次 api 调用即可引用它。

正在从服务中抓取数据，但没有存储

代码：


  useEffect(()=>{
    // this needs to be here because the user doesnt exist on first render
    if (user){
      fetch (`${window.ipAddress.ip}/User/getByEmail`,{
        method: "POST",  
        headers:{'Content-Type':'application/json'},
        body: JSON.stringify({ email: user.email }) 
      })
      .then(res=>res.json())
      .catch(error =>{ 
        setErrorVal(true);
        console.log("error: " + error);
      })
      .then((result)=>{
          console.log(result) // this prints appropriately
          window.BackendUser = { result } // this isnt being set for some reason
          setExecutedFetch(true);
      })
    }
},[isAuthenticated])

Answer 1

您不能在结果周围写括号，括号是 JSX 语法。

window.BackendUser = result

React - JS 不在全局中存储对象

React - JS not storing object in global

javascript

json

global

react-hooks