Как обновить постоянное состояние редукции один раз после развертывания на стороне клиента?

Я использую localStorage в качестве постоянного состояния редукции, код показан ниже.

export const loadState = () => {
  try {
    // localStorage.clear();
    const serializedState = localStorage.getItem("state");
    if (serializedState === null) {
      return undefined;
    }
    return JSON.parse(serializedState);
  } catch (err) {
    return undefined;
  }
};
export const saveState = state => {
  try {
    const serializedState = JSON.stringify(state);
    localStorage.setItem("state", serializedState);
  } catch (err) {
    // Ignore write errors.
  }
};

Каждый раз, когда я меняю свой логический редуктор, я должен запускать localStorage.clear(); из-за обновления localStorage, чтобы проект мог работать правильно. Но бесполезно запускать метод clear каждый раз, лучше иметь возможность управлять этим запуском один раз после развертывания проекта на стороне клиента.

1
0
400
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете использовать функцию Migrations для redux-persist. подробнее: https://github.com/rt2zz/redux-persist/blob/master/docs/migrations.md

Ответ принят как подходящий

Добавьте version в localStorage и сравните, когда инициализировать свое состояние с помощью редукторов.

перед загрузкой состояния сохраните номер версии

// When you update your reducers increase this 
// version to 0.2 => 0.3 => 0.4
// this should run before you call loadState
localStorage.setItem('version', '0.3');

export const loadState = () => {
  try {
    const version = localStorage.getItem('version');
    // When you update your reducers change this comparison
    // to the version number you set in localStorage
    if (version !== '0.1') {
      // Let reducers initial the state if the version is not identical
      return undefined; 
    }
    const serializedState = localStorage.getItem('state');
    if (serializedState === null) {
      return undefined;
    }
    return JSON.parse(serializedState);
  } catch (err) {
    return undefined;
  }
};

export const saveState = (state) => {
  try {
    const serializedState = JSON.stringify(state);
    localStorage.setItem('state', serializedState);
  } catch (err) {
    // Ignore write errors.
  }
};

Я знаю значение этого кода, очень хорошее решение для моего проекта, но логика кажется немного странной.

ccd 26.10.2018 07:19

Другие вопросы по теме