Redux 操作类型是 PROBE_UNKNOWN_ACTION答案

【问题标题】：Redux action type is PROBE_UNKNOWN_ACTIONRedux 操作类型是 PROBE_UNKNOWN_ACTION
【发布时间】：2017-09-21 14:38:35
【问题描述】：

我正在调用操作requestLoadOrders 来获取我需要的订单。我使用以下类型发送：REQUEST，然后使用SUCCESS 或FAILURE。获取成功是因为我的订单在 redux 开发工具的有效负载中，但我在 reducer 中收到的操作是 @@redux/PROBE_UNKNOWN_ACTION_z.r.p.l.z。我找到了一个关于这个here 的帖子，但是我似乎找不到我做错了什么？

actions.js

import {
  LOAD_ORDERS_REQUEST,
  LOAD_ORDERS_SUCCESS,
  LOAD_ORDERS_FAILURE
} from './constants';

import { fetchOrders } from '../../api';

export const requestLoadOrders = () => {
  return (dispatch, getState) => {
    dispatch({ type: LOAD_ORDERS_REQUEST });
    fetchOrders().then(orders => {
      dispatch({ type: LOAD_ORDERS_SUCCESS, payload: orders });
    }).catch(error => {
      console.error(error);
      dispatch({ type: LOAD_ORDERS_FAILURE, payload: error });
    });
  };
};

reducer.js

import {
  LOAD_ORDERS_REQUEST,
  LOAD_ORDERS_SUCCESS,
  LOAD_ORDERS_FAILURE
} from './constants';

const initialState = {
  orders: []
};

const orderReducer = ( state = initialState, { payload, type }) => {
  switch (type) {
    case LOAD_ORDERS_REQUEST :
      return state;
    case LOAD_ORDERS_SUCCESS :
      return { ...state, orders: payload};
    case LOAD_ORDERS_FAILURE :
      return { ...state, error: payload.error};
    default :
      return state;
  }
};

export default orderReducer;

我的动作被正确分派，但我认为减速器接收其数据存在问题。为此，我还添加了我的 store 和合并的 reducers 文件。

store.js

import { createStore, applyMiddleware, compose } from 'redux';
import { routerMiddleware } from 'react-router-redux';
import createHistory from 'history/createBrowserHistory';
import thunk from 'redux-thunk';
import makeRootReducer from './reducers';

export const history = createHistory();

const initialState = {}
const enhancers = [];
const middleware = [ routerMiddleware(history), thunk ];

if (process.env.NODE_ENV === 'development') {
  const devToolsExtension = window.devToolsExtension;

  if (typeof devToolsExtension === 'function') {
    enhancers.push(devToolsExtension());
  }
}

const composedEnhancers = compose(
  applyMiddleware(...middleware),
  ...enhancers
);

const store = createStore(
  makeRootReducer,
  initialState,
  composedEnhancers
);

export default store;

reducers.js

import { combineReducers } from 'redux';
import orderReducer from '../modules/Order/reducer';

export const makeRootReducer = asyncReducers => {
  return combineReducers({
    order: orderReducer,
    ...asyncReducers
  });
}

export default makeRootReducer;

【问题讨论】：

标签： reactjs redux react-redux

【解决方案1】：

我发现了我的错误。我应该通过在createStore() 中的单词后面添加括号来执行makeRootReducer 函数。

将 store.js 的 createStore() 部分更新为：

const store = createStore(
  makeRootReducer(),
  initialState,
  composedEnhancers
);

解决了。

【讨论】：

该死的..就是这样。谢谢队友