如何使redux商店收聽cookie？

Question

我有一個應用程序與反應和redux。

我想讓我的redux商店收聽cookie。

每當cookie過期，在一段時間後，我想調度一個動作，它也會更新相應的商店值。

例如 每當用戶登錄到網站時，可以說我們正在生成一個身份驗證令牌，並且我們希望將它存儲在cookie中，並將有效期限設置爲2小時。

一旦2小時完成，我要派遣一個行動，這將在終極版存儲數據「isAuthenticated」更新到假

的減速可能看起來像這樣

export const user(state ={}, action) 
{ 
    case "cookie_expired": 
    return {...state, isAuthenticated: false} 
} 

，這樣我可以有單一的真相來源，即可以收聽餅乾的還原店

嘗試過 使用setInterval，我可以觀看cookie的可用性，但會是一種解決方法。

有沒有什麼可以實現的方法？

Answer 1

我反而只是在Redux中保存一些日期時間值，sessionValidUntil，當時您將isAuthenticated分配爲true。將此新的redux值設置爲當前時間+ 2小時。

然後，無論您目前正在檢查isAuthenticated，我都會檢查一個看起來像這樣的新功能;

(reduxState) => { 
    return (reduxState.isAuthenticated && new Date() < reduxState.sessionValidUntil); 
}