Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Tetapkan Semula Keadaan Kedai Redux semasa Log Keluar Pengguna?

Bagaimana untuk Tetapkan Semula Keadaan Kedai Redux semasa Log Keluar Pengguna?

Mary-Kate Olsen
Lepaskan: 2024-11-25 17:58:14
asal
983 orang telah melayarinya

How to Reset the Redux Store State on User Logout?

Menetapkan semula Redux Store State untuk Pengurusan Sesi Pengguna

Redux menyediakan rangka kerja yang teguh untuk pengurusan keadaan dalam aplikasi. Untuk memastikan integriti data, mungkin perlu menetapkan semula stor kepada keadaan asalnya apabila pengguna log keluar. Ini menghalang data yang dikaitkan dengan pengguna sebelumnya daripada dicache dan berpotensi menjejaskan pengalaman pengguna seterusnya.

Pengurang Akar Tersuai

Satu pendekatan untuk menetapkan semula stor adalah dengan cipta pengurang akar tersuai yang mewakilkan pengendalian kepada pengurang individu. Walau bagaimanapun, ia mengatasi gelagat lalai untuk tindakan USER_LOGOUT dan mengembalikan keadaan awal.

const appReducer = combineReducers({
  /* your app’s top-level reducers */
})

const rootReducer = (state, action) => {
  if (action.type === 'USER_LOGOUT') {
    return appReducer(undefined, action)
  }

  return appReducer(state, action)
}
Salin selepas log masuk

Pembersihan Storan dengan Redux-Persist

Jika menggunakan redux-persist, langkah tambahan diperlukan untuk mengosongkan keadaan cache daripada storan. Ini melibatkan mengimport enjin storan yang sesuai dan menghuraikan keadaan sebelum menetapkannya kepada tidak ditentukan, kemudian mengosongkan setiap kunci keadaan storan.

const rootReducer = (state, action) => {
    if (action.type === SIGNOUT_REQUEST) {
        // for all keys defined in your persistConfig(s)
        storage.removeItem('persist:root')
        // storage.removeItem('persist:otherKey')

        return appReducer(undefined, action);
    }
    return appReducer(state, action);
};
Salin selepas log masuk

Dengan melaksanakan strategi ini, anda boleh menetapkan semula stor Redux dengan berkesan kepada keadaan asalnya apabila pengguna log keluar, memastikan integriti data dan pengalaman pengguna yang lancar untuk pengguna seterusnya.

Atas ialah kandungan terperinci Bagaimana untuk Tetapkan Semula Keadaan Kedai Redux semasa Log Keluar Pengguna?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan