如何将 combineReducers 与 handleActions.

Question

我正在尝试创建新的减速器survey，在使用redux-actions包中的handleActions时，它必须结合name和questions化简器。但是我收到一个错误Invariant Violation: Expected handlers to be a plain object.我应该如何更改它以实际工作？

import { Map, List } from 'immutable';
import { combineReducers } from 'redux-immutable';
import { handleActions } from 'redux-actions';
const initialNameState = List();
const initialQuestionsState = List();
const name = handleActions({}, initialNameState);
const questions = handleActions({}, initialQuestionsState);
export const initialSurveyState = Map({
name: initialNameState,
questions: initialQuestionsState
});
export const survey = handleActions(
combineReducers({
name,
questions
}),
initialSurveyState
);

Answer 1

handleAction实际上创建了一个化简器。直接使用combineReducer应该可以解决问题。

import React, { Component } from 'react';
import { render } from 'react-dom';
import { createStore, combineReducers } from 'redux';
import { connect, Provider } from 'react-redux';
import { Map, List } from 'immutable';
import { combineReducers } from 'redux-immutable';
import { handleActions, createAction, combineActions } from 'redux-actions';
const initialNameState = List();
const initialQuestionsState = List();
const name = handleActions({}, initialNameState);
const questions = handleActions({}, initialQuestionsState);
export const survey = combineReducers({name, questions});
const store = createStore(survey);

Answer 2

试试这个，告诉我它是否有效

import { createStore, combineReducers } from 'redux';
const initialNameState = List();
const initialQuestionsState = List();
const name = handleActions({}, initialNameState);
const questions = handleActions({}, initialQuestionsState);
const initialSurveyState = Map({
name: initialNameState,
questions: initialQuestionsState
});
export const rootReducer=combineReducers({
name,
questions
})
const store=createStore(rootReducer)