javascript - 在redux中reducers获取Function而不是Object，这有什么问题吗？

Question

我的 React 和 Redux 项目出现错误。我没有找到如何解决它。

这是错误消息:

reducer 接收到的先前状态具有意外的“Function”类型。预期参数是具有以下键的对象:“posts”、“sidebar”

error message

代码:

store.js:

import { createStore, applyMiddleware } from 'redux'
import logger from 'redux-logger'
import thunk from 'redux-thunk'

import reducers from '../reducers/index'

const middleware = process.env.NODE_ENV === 'production' ? [ thunk ] : [ thunk, logger() ]

const store = createStore(reducers, applyMiddleware(...middleware),  window.devToolsExtension ? window.devToolsExtension() : f => f)

export default store

reducer /index.js:

import { combineReducers } from 'redux'
import posts from './posts'
import sidebar from './sidebar'

const rootReducer = combineReducers({
    posts,
    sidebar
})

export default rootReducer

reducers/posts.js:

import {
    RECEIVE_POSTS,
    RECEIVEING_POSTS
} from '../containers/index'

const initialState = {
    posts: [],
    post: {},
    message: 'done'
}

const post = (state = initialState, action) => {
    switch (action.type) {
        case RECEIVE_POSTS:
            return Object.assign({}, state, {
                posts: action.posts
            })
            break
        case RECEIVEING_POSTS:
            return Object.assign({}, state, {
                message: 'loading'
            })
        default:
            return state
    }
}

export default post

reducer /sidebar.js

import {
    TOGGLE_SIDEBAR
} from '../containers/index'

const initialState = {
    show: true
}

const sidebar = (state = initialState, action) => {
    switch (action.type) {
        case TOGGLE_SIDEBAR:
            return Object.assign({}, state, {
                show: ! state.show
            })
            break
        default:
            return state
    }
}

export default sidebar

我阅读了 redux 示例，但我不知道我的代码有什么问题。它只是抛出错误。

这些代码非常像 redux 示例!!!

感谢您的耐心等待。

Answer 1

这是以前可以工作的旧方法:

const store = createStore(reducers, applyMiddleware(...middleware),  window.devToolsExtension ? window.devToolsExtension() : f => f)

现在您必须将其转换为:

const store = redux.createStore(
    rootReducer,
    initialState,
    redux.compose(
        redux.applyMiddleware(...middleware),
        window.devToolsExtension ? window.devToolsExtension() : f => f
    )
);