store.dispatch - это не функция - реагируйте на нативную версию redux-persist с помощью промежуточного программного обеспечения redux-thunk - PullRequest
Новая
       67

store.dispatch - это не функция - реагируйте на нативную версию redux-persist с помощью промежуточного программного обеспечения redux-thunk

1 голос
/ 30 октября 2019

Я новичок в redux-persist и пытаюсь сохранить свои состояния в локальном хранилище. Получение вышеуказанной ошибки.

Я искал решение в Stack Overflow, но не смог найти аналогичную проблему с решением здесь. любая помощь будет высоко ценится.

вот мой код магазина: 

import { createStore, applyMiddleware, compose } from "redux";
import thunk from "redux-thunk";
import { createLogger } from "redux-logger";
import { createReactNavigationReduxMiddleware } from "react-navigation-redux-helpers";
import appReducer from "../reducers";


const persistConfig = {
  key: 'tcroot',
  storage: LocalStorage,
}

const persistedReducer = persistReducer(persistConfig, appReducer)

// instantiate logger middleware
const logger = createLogger();
const middleware = createReactNavigationReduxMiddleware(state => state.nav);

const composeEnhancers =
  (typeof window !== "undefined" &&
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||
  compose;

const configureStore = () =>
  createStore(
    persistedReducer,
    composeEnhancers(applyMiddleware(thunk, logger, middleware))
  );


export default configureStore;

и мой код app.js: 

import React, { Component } from "react";
import { Provider } from "react-redux";
import { PersistGate } from 'redux-persist/integration/react'
import configureStore from "./redux/store";
// import store from "./redux/store/dev";
import persistor from './redux/store/persistedStore';

import AppContainer from "./screens/AppContainer";

// const { store, persistor } = configureStore();
const store = configureStore();

export default class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <PersistGate loading={null} persistor={persistor}>
          <AppContainer />
        </PersistGate>
      </Provider>
    );
  }
}

enter image description here

1 Ответ

1 голос
/ 30 октября 2019

Проблема в том, что ваш configureStore не возвращает персистор

Нужно вот так 

import { persistStore, persistReducer } from 'redux-persist'
//....

const configureStore = () => {
  let store = createStore(
    persistedReducer,
    composeEnhancers(applyMiddleware(thunk, logger, middleware))
  );
  let persistor = persistStore(store)
  return { store, persistor }
}
...