防止减速器属性嵌套在状态中

我希望组件具有一个名为 waiting . 我通过 setWaiting 动作创建者。唯一的问题是,在我的组件中,此属性到达时嵌套在同名属性中:

在我的组件中,我希望能够:

{this.props.waiting}

…但现在我要做的是:

{this.props.waiting.waiting}

动作创造者:

export const WAITING = "waiting";

export function setWaiting(isWaiting) {
  return {
    type: WAITING,
    payload: isWaiting
  };
}

在我的组件中,我这样称此操作:

this.props.setWaiting(true); // or false depending the case

减速器设置:

import { combineReducers } from "redux";
import { reducer as formReducer } from "redux-form";
import waitingReducer from "./reducer-waiting"

const rootReducer = combineReducers({
    form: formReducer,
    waiting: waitingReducer
});

export default rootReducer;

Reducer:

import _ from "lodash";
import { WAITING } from "../actions";

export default function waitinReducer(state = {}, action) {
  if (_.isUndefined(state.waiting)) {
    return Object.assign({}, state, { waiting: false });
  }

  switch (action.type) {
    case WAITING:
      // This is irrelevant here because the problem happens before this
      // ever gets called. Just left it here for completeness sake.
      return Object.assign({}, state, { waiting: action.payload });
    default:
      return state;
  }
}

将状态映射到道具(已附带“坏”状态):

let mapStateToProps = state => {
  // This prints { waiting: { waiting: false } }
  // but I just want { waiting: false }
  console.log(state) 

  return {
    waiting: state.waiting
  }
}

一些额外的上下文:

react: 16.4.1
react-dom: 16.4.1
redux: 3.7.2
react-redux: 4.4.9