ReactJS / React Hooks：仅在上下文API中存储的值更改后才渲染组件吗？

Question

我正在React中开发一个Web应用程序，下面是我尝试使用上下文API和hook来做的事情：1.使用API​​从数据库获取用户信息，并使用Context API进行存储2.使用上下文API变量渲染组件。

问题是，更新上下文API显然存在时间滞后，因此该组件将无法呈现。如何确保在上下文值更新后呈现组件？

下面是我正在使用的代码。在此先多谢！

 Const User = () => {    
     const {userinfo, setuserinfo} = useContext(Userinfo) //Declare useContext hooks
     useEffect(()=>{
         /*
         API to populate the 'mid' constant to be set as 'userinfo'
         */         
         setuserinfo(mid);  //Set 'userinfo' using context API
     },[])

     return (
         <>
         {userinfo.map(ui =>
          //JSX to map userinfo to UI components
         )}
         </>
     )
}

Answer 1

您可以在尝试将userinfo映射到渲染的组件之前对其进行检查或验证。

Answer 2

您可以尝试这样的事情。