する質問をすることでしか得られない、回答やアドバイスがある。react-firebase-hooksを用いてログインしたユーザーが記事を投稿、閲覧できるSPAを作成しています。Reduxなどは使用していません。ログインしたユーザーのみが記事一覧をFirestoreから取得することができる仕様です。最上位コンポーネントのApp.jsxに認証情報userとFirestoreから取得した記事一覧データpostsをstateとして保持し、下位コンポーネントにpropsとして渡すことで記事の表示などを行っています。ユーザーがログインしていない状態の場合はpostsはパーミッションエラーで取得できないためundefinedとなります。非ログインユーザーアクセスを試みた際は、ログインページにリダイレクトしてログインを促すような実装です。実現したいこと現状、ログインページでログインを行いuserステートが更新されたあとも、postsがログイン前のundefinedのままとなってしまい、記事が取得できない問題があります。ブラウザの更新を行うと再度postsの読み込みが走るためuserとpostsが揃い記事表示できるようにはなるのですが、「ユーザーログインが行われたタイミングでpostsを読み込み直す」ような実装をどのように行えばよいかがわかりません。設計自体を変えたほうがいい場合は、どのように設計すべきかをご教授いただけると幸いです。省略};attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順linkcheck解決した方法0こちら自己解決しました!App.jsxにはuserのみを持たせ、ログイン有無で下位コンポーネントの出し分けを行い、ログイン時に表示する下位コンポーネントにpostを持たせることで解決しました。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。API][React]axiosを用いて"POST"したい!解決済Material-UIのMuiThemeProviderでcontextが設定されない。頂いたご意見への回答は行っておりません。