存储错误

Question

这是我的错误：

这是我的组件：

import React from 'react';
import { render } from 'react-dom';
import './index.css';

import { Provider } from 'react-redux';
import { store } from './_helpers';

import {App} from './App';


render(
    <Provider store={store}>
        <App/>
    </Provider>,
    document.getElementById('root')
);

这是我的商店，我将其导出并导入到 App.js

import { createStore, combineReducers } from 'redux';
import { reducer as reduxFormReducer } from 'redux-form';

const reducer = combineReducers({
  form: reduxFormReducer, // mounted under "form"
});


const store = (window.devToolsExtension

  ? window.devToolsExtension()(createStore)
  : createStore)(reducer);

export default store;

我应该在哪里添加带有 Provider 的商店才能正常工作？

我更改了商店的结构，现在可以使用了：

import { createStore, applyMiddleware } from 'redux';
import thunkMiddleware from 'redux-thunk';
import { createLogger } from 'redux-logger';
import rootReducer from '../_reducers';
import { composeWithDevTools } from 'redux-devtools-extension';

const loggerMiddleware = createLogger();

export const store = createStore(
    rootReducer,
    composeWithDevTools(
    applyMiddleware(
        thunkMiddleware,
        loggerMiddleware
    )
));

Answer 1

由于您将商店导出为默认值，因此您必须按如下所示不带花括号导入它：

import store from './_helpers';

希望对您有所帮助。

存储错误

Error with Store

store

redux