Javascript 使用redux获取并更改react中的状态时遇到问题

Javascript 使用redux获取并更改react中的状态时遇到问题,javascript,reactjs,react-redux,Javascript,Reactjs,React Redux,我试图在点击切换按钮时使用redux基本上改变我的应用程序的状态。onClick方法似乎正在使用我的日志语句,这些语句显示onClick正在工作。我似乎无法获得状态,因此不允许我改变状态 你能告诉我如何获得状态,然后改变状态吗 这是我的密码: export default function (state=[], action) {   switch(action.type) {     case 'TOGGLE_EXPAND_CALENDAR_SECTION':     

我试图在点击切换按钮时使用redux基本上改变我的应用程序的状态。onClick方法似乎正在使用我的日志语句,这些语句显示onClick正在工作。我似乎无法获得状态,因此不允许我改变状态

你能告诉我如何获得状态,然后改变状态吗

这是我的密码:

export default function (state=[], action) {
      switch(action.type) {
        case 'TOGGLE_EXPAND_CALENDAR_SECTION':
          console.log("case 'TOGGLE_EXPAND_CALENDAR_SECTION'");
          if (action.payload.moduleSizeCalendar == 'dashSection') {
           console.log("click worked if");
        return {
          ...state,
          moduleExpandImageCalendar: 'img/collapseBlue.png',
          moduleSizeSchools: 'hidden',
          moduleSizeCalendar: 'dashSectionFullScreen',
          moduleSizeStudent: 'hidden',
          moduleSizeTeacher: 'hidden',
          moduleSizeClasses: 'hidden',
          moduleSizeTasks: 'hidden',
          moduleSizePhotos: 'hidden'
        }
      } else {
           console.log("click worked else");
        return {
          ...state,
          moduleExpandImageCalendar: 'img/enlargeBlue.png',
          moduleSizeSchools: 'dashSection',
          moduleSizeCalendar: 'dashSection',
          moduleSizeStudent: 'dashSection',
          moduleSizeTeacher: 'dashSection',
          moduleSizeClasses: 'dashSection',
          moduleSizeTasks: 'dashSection',
          moduleSizePhotos: 'topLine'
        }
      }
  default:
  return {
      ...state
    }
  }
}

非常感谢

您的state有一个默认值empty array,但您将其视为reducer中的一个对象。不确定这是否是你面临的问题,但你应该解决它

我强烈建议使用redux开发工具,这将真正有助于理解您的操作和简化程序正在做什么,以及当前的实际状态