On route change数据消失，如何持久化数据

Question

在我的应用程序中，我从后端列出 pokemon。在 pokemon-list 组件中列出的口袋妖怪之后，单击我试图显示其详细信息的任何口袋妖怪。

但是在点击 view details 按钮时整个数据突然消失了。无法理解实施 redux 商店的正确方法。任何人指导我获得正确的方法来实现相同的？

我要求：

在页面加载时，所有 pokemons 需要在列表组件中列出
点击查看详情喜欢显示个人pokemon
再次点击查看列表时，需要显示 pokemons 页面加载，无需任何后端调用。

请帮帮我。我是 redux 的新手并做出反应。寻找解决问题的正确方法。

Live Demo

Answer 1

有个东西叫redux-persist

https://www.npmjs.com/package/redux-persist

试试吧，它会帮助你存储任何你想要的东西

Answer 2

我伪造了用reducer传递属性的重置。当请求查看详细信息时，用户列表丢失了，因为我没有通过以前的状态。它对我有用：

const pokemonReducer = (state = initialState, action: PokemonDispatchTypes) => {
  switch (action.type) {
    case POKEMON_FAIL:
      return { loading: false };
    case POKEMON_LOADING:
      return { loading: true };
    case POKERMON_SUCCESS:
      return { loading: false, pokemons: action.payload };
    case POKEMON_DETAILS:
      return { ...state, loading: false, showPokemon: action.payload };//mistake is here
    default:
      break;
  }
  return state;
};

On route change数据消失，如何持久化数据

On route change data disappears, how to persist data

reactjs

react-redux

react-hooks

react-typescript