Javascript 使用redux获取并更改react中的状态时遇到问题
我试图在点击切换按钮时使用redux基本上改变我的应用程序的状态。onClick方法似乎正在使用我的日志语句,这些语句显示onClick正在工作。我似乎无法获得状态,因此不允许我改变状态 你能告诉我如何获得状态,然后改变状态吗 这是我的密码: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':
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开发工具,这将真正有助于理解您的操作和简化程序正在做什么,以及当前的实际状态