我是新來反應的,我遇到了這個問題。import React from "react";import firebase from "firebase";import fire from "./firebase"import { Route, BrowserRouter as Router, Switch, Redirect, useHistory, NavLink } from 'react-router-dom';import Header from "./header"import Nav from "./nav"import data from "./data"function Home(){ let userID; let userName; let logg; const history = useHistory(); firebase.auth().onAuthStateChanged((user)=>{ if(user){ userID = user.uid }else{ history.push("/login") } }) return( <> <Header /> <Nav /> <div id = "home" className ="main"> <div class = "headingCont"> <h1>This is home</h1> <NavLink to = {"users/"+userID}><p>Your Profile</p></NavLink> </div> </div> </> ) }export default Home我正在從 firebase 獲取用戶 id,但它會快速渲染 jsx,因此 userID 的值仍然未定義。因此,當我單擊“您的個人資料”時,它會轉到 user/undefined 而不是 user/“用戶 ID”,我該如何修復它?
如何暫停渲染,直到在反應中獲取數據
汪汪一只貓
2023-09-28 16:39:59