Q&A
実現したいこと
reactで条件分岐のタイミングをAPIを所得した後にしたい
前提
現状if文でAPIの値(ユーザー名)があるかどうかを確かめているのですが、リロードした際にif文がAPI取得前に処理されてしい、値がない場合の動きをしてしまいます。
該当のソースコード
userpage.tsx import { useUserStore } from 'src/user'; import { Login } from 'src/Login'; export const UserPage = () => { const user = useUserStore((state) => state.user); if (!user?.name) { return <Login />; } return ( <AppBar> <Box> {user?.name} </Box> </AppBar> }
試したこと
useEffectの使用を考えたのですが、値が途中でなくなる事を考慮した結果使うことを断念しました。
回答1件
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
2023/02/04 22:57
2023/02/05 01:27