0

redux と redux-persist を使用する反応ネイティブ アプリケーションを作成しています。

実際の動作: ユーザーがログインして apen を閉じ、しばらくしてから再度開くと、ログイン ビューに直接移動する必要があります。しかし、私のアプリケーションでは、最初にログアウトしたページが表示され、ストアが再水和された後、ログインしたビューに自動的にリダイレクトされます

App.js は次のとおりです。

 // all other import statements
 const { store } = configureStore({});

 class App extends Component {
   constructor() {
    super();
    this.state = {
    isReady: false,
  };
}

render() {
 const { isLoggedIn } = store.getState().auth;
 const Layout = CreateRootNavigator(isLoggedIn);

  return (
    <Provider store={store}>
      <AlertProvider>
        <Root>
          <Layout />
       </Root>
      </AlertProvider>
    </Provider>
  );
 }
}

私のcreateStore.jsは次のとおりで、redux-persist v5を使用しています

function configureStore(initialState) {
  let store = createStore(
       persistedReducer,
       initialState,
      compose(applyMiddleware(...middlewares))
    );

  let persistor = persistStore(store);
  // send this persistor also

  return { store };
}

私が直面している問題は、ログインしてアプリを閉じてから再度開くと、ログアウトした画面がポップアップし、ストアが再水和された後にログインしたレイアウトに自動的にリダイレクトされることです。ストアが復元された後に実際に実際にレンダリングできるように、ストアが復元された後にフラグか何かが必要になると思います。助けてください...よろしくお願いします

4

1 に答える 1