react Error: It looks like you are passing several store enhancers to createStore()

Question

我正在用 React 开发一个应用程序。我使用 core-ui 模板开发了应用程序。但是我遇到了如下错误。你能帮忙解决一下吗？

据我所知，我不能创建超过一个商店。

你能帮忙解决这个问题吗

App.js `

 import 'react-app-polyfill/ie11';
 import 'react-app-polyfill/stable';
 import './polyfill'
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
 import { icons } from './assets/icons'
 import store from './store'
 import { transitions, positions, Provider as AlertProvider } from 'react-alert'
 import AlertTemplate from 'react-alert-template-basic'
 import { Provider } from 'react-redux';
 import ReactNotification from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css'

 React.icons = icons;

 const options = {
   position: positions.BOTTOM_RIGHT,
   timeout: 5000,
   offset: '1px',
   transition: transitions.SCALE,
 };

 ReactDOM.render(
  <Provider store={store}>

     <AlertProvider template={AlertTemplate} {...options}>

     <ReactNotification/>
     <App/>

   </AlertProvider>
   </Provider>,
   document.getElementById('root')
 );
 serviceWorker.unregister();

`

store.js `

 import {applyMiddleware, combineReducers, compose, createStore} from 'redux'
 import customerReducer from "./components/helpers/reducers/customerReducer";
 import userReducer from "./components/helpers/reducers/userReducer";
 import appointmentsReducer from "./components/helpers/reducers/appointmenstReducer";
 import thunk from "redux-thunk";

 const initialState = {
   sidebarShow: 'responsive'
 };


 const rootReducers = combineReducers({
   customerInfo: customerReducer,
   account_profile: userReducer,
   appointmentsList: appointmentsReducer
 });
 const allEnhancers = compose(
   applyMiddleware(thunk)
 );


 const changeState = (state = initialState, { type, ...rest }) => {
   switch (type) {
     case 'set':
       return {...state, ...rest };
     default:
       return state
   }
 };

 const store = createStore(
   changeState,
   rootReducers,
   allEnhancers
 );
 export default store

`

已更改 App.js `

 import 'react-app-polyfill/ie11'; // For IE 11 support
 import 'react-app-polyfill/stable';
 import './polyfill'
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
 import { icons } from './assets/icons'
 import store from './store'
 import { transitions, positions, Provider as AlertProvider } from 'react-alert'
 import AlertTemplate from 'react-alert-template-basic'
 import { Provider } from 'react-redux';
 import ReactNotification from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css'
 import {applyMiddleware, combineReducers, compose, createStore} from "redux";
 import customerReducer from "./components/helpers/reducers/customerReducer";
 import userReducer from "./components/helpers/reducers/userReducer";
 import appointmentsReducer from "./components/helpers/reducers/appointmenstReducer";
 import thunk from "redux-thunk";

 React.icons = icons;

 const options = {
   position: positions.BOTTOM_RIGHT,
   timeout: 5000,
   offset: '1px',
   transition: transitions.SCALE,
 };


 const rootReducers = combineReducers({
   customerInfo: customerReducer,
   account_profile: userReducer,
   appointmentsList: appointmentsReducer
 });
 const allEnhancers = compose(
   applyMiddleware(thunk)
 );
 const store2 = createStore(
   rootReducers,
   allEnhancers,
   changeState()
 );


 const initialState = {
   sidebarShow: 'responsive'
 };
 const changeState = (state = initialState, { type, ...rest }) => {
   switch (type) {
     case 'set':
       return {...state, ...rest };
     default:
        return state
   }
 };


 ReactDOM.render(
   <Provider store={store2}>

     <AlertProvider template={AlertTemplate} {...options}>

     <ReactNotification/>
     <App/>

  </AlertProvider>
  </Provider>,
  document.getElementById('root')
 );
 serviceWorker.unregister();

`

Answer 1

 const initialState = {
   sidebarShow: 'responsive'
 };

 const changeStateReducer = (state = initialState, { type, ...rest }) => {
   switch (type) {
     case 'set':
       return {...state, ...rest };
     default:
       return state
   }
 };

 const rootReducers = combineReducers({
   customerInfo: customerReducer,
   account_profile: userReducer,
   appointmentsList: appointmentsReducer,
   changeState: changeStateReducer
 });

 const allEnhancers = compose(
   applyMiddleware(thunk)
 );

 const store = createStore(
   rootReducers,
   allEnhancers
 );

 export default store

react Error: It looks like you are passing several store enhancers to createStore()

react Error: It looks like you are passing several store enhancers to createStore()

reactjs

react-native

react-redux

core-ui