history.push() 重定向 url 但組件不呈現（reactjs 應用程序）

Question

在我的 reactjs 應用程序中，我定義了一個在成功登錄后發生的事情：

localStorage.setItem('token', token)
history.push('/home')

並且，在路由組件中，我定義了如果令牌存在，用戶可以進入主頁：

{localStorage.getItem('token') &&
  <Route path = '/home' component = {Home} />
}

但是問題是，拿到token后，重定向到/home路徑，home組件即使滿足了token的條件也不渲染，需要刷新頁面才能渲染這個組件。 有沒有人知道發生了什么？ 我真的很感謝任何幫助解決這個問題。

Answer 1

試試這個/所以它會是這樣的

{localStorage.getItem('token') &&
 <Route path = '/' component = {Home} />
}