Bagaimana Mengendalikan Penetapan Semula Redux Store untuk Peralihan Pengguna yang Lancar?

Mengendalikan Tetapan Semula Kedai dalam Redux untuk Peralihan Pengguna Dinamik

Dalam aplikasi yang diuruskan Redux, mengekalkan ketekalan keadaan adalah penting, terutamanya semasa peralihan pengguna . Pertimbangkan senario di mana pengguna log keluar dan pengguna baharu log masuk tanpa muat semula penyemak imbas. Data yang dicache sebelum ini untuk pengguna pertama mungkin mengganggu keadaan pengguna kedua.

Menetapkan Semula Kedai dengan Peredam Akar

Untuk menangani perkara ini, anda boleh melaksanakan pengurang akar tersuai yang mengatasi gelagat lalai. Pengurangan akar ini akan mewakilkan pengendalian tindakan kepada pengurang individu tetapi akan memintas tindakan USER_LOGOUT. Apabila tindakan ini diterima, pengurang akar menetapkan semula keadaan kepada keadaan asalnya.

Berikut ialah contoh pelaksanaan:

const appReducer = combineReducers({
  // Your application's top-level reducers
});

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

  return appReducer(state, action);
};

Pendekatan ini memastikan bahawa apabila pengguna log keluar, semua pengurang akan dimulakan semula dengan keadaan awalnya.

Pertimbangan Tambahan untuk Redux Berterusan

Jika anda menggunakan redux-persist untuk mengekalkan keadaan kedai anda, anda juga mungkin perlu mengosongkan keadaan daripada storan untuk mengelakkannya daripada dimuat semula semasa muat semula.

Import enjin storan yang sesuai dan ubah suai pengurang akar untuk mengosongkan kekunci keadaan storan sebelum menetapkan semula keadaan:

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

    return appReducer(undefined, action);
  }

  return appReducer(state, action);
};

Dengan melaksanakan teknik ini, anda boleh menetapkan semula kedai Redux dengan berkesan semasa peralihan pengguna, memastikan ketekalan data dan pengalaman pengguna yang lancar.

Atas ialah kandungan terperinci Bagaimana Mengendalikan Penetapan Semula Redux Store untuk Peralihan Pengguna yang Lancar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!