如何在 React 應用程序中的 ReactDOM.render 之前初始化 LocalStorage 中的數據

Question

我使用 redux 作為我的 state 管理系統並將我的身份驗證令牌存儲在 LocalStorage 中。 每當我登錄並重新加載我的頁面時，它都會在注銷 state 之間閃爍，然后返回登錄頁面。 如何從 LocalStorage 初始化數據並在數據到來后進行渲染？

Answer 1

一種方法是存儲在 localStorage 中，然后在加載組件時直接從 state 初始化中獲取。 考慮您的頂級組件 state，您可以執行以下操作：

const [user, setUser] = useState(JSON.parse(localStorage.getItem('user')))

這就是我克服應用程序閃爍的方法。 如果您立即抓住它而不是在useEffect或組件安裝時，它應該可以工作