Redux-localStorage erreur mise en œuvre: Attention: Échec PropType: prop non valide `store` de type` function` fourni `Provider`, attendu` object`

Question

Je suis actuellement en œuvre redux-localstorage

mais je rencontre la l'erreur suivante: Attention: Failed PropType: prop non valide store de type function fourni à Provider, devrait object

Voici mon dossier index.js - ce que je manque ici?

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Provider } from 'react-redux'; 
import { compose, createStore, applyMiddleware } from 'redux'; 
import ReduxThunk from 'redux-thunk'; 
import { createLogger } from 'redux-logger'; 
import persistState from 'redux-localstorage' 

import App from './components/app'; 
import reducers from './reducers'; 

const logger = createLogger({ collapsed: true }); 
const enhancer = compose(
    ReduxThunk, 
    logger, 
    persistState(null, 'redux') 
); 

const store = createStore(reducers, enhancer); 

ReactDOM.render(
    <Provider store={store}> 
    <App /> 
    </Provider> 
    , document.querySelector('.container')); 

Answer 1

On dirait que vous avez la signature pour persistState mal, essayez d'appeler sans argument.

https://github.com/elgerlambert/redux-localstorage#persiststatepaths-config

Answer 2

Vous devez fournir thunk comme argument à la fonction applyMiddleware:

const enhancer = compose(
    applyMiddleware(ReduxThunk), 
    applyMiddleware(logger), 
    persistState(null, 'redux') 
); 

Vous aurez besoin de faire la même chose pour enregistreur également