React Native Redux状态无法切换求助：首次更新后不再变化

Hey there, let's figure out why your toggle logic only works the first time!

You mentioned that your ActionCreator triggers correctly via onPress, and the initial state change from true to false works as expected—but after that, the state stays stuck at false. Let's break down the issue with your code:

Your Original ActionCreator #

export const openguidelist = () => { 
  return dispatch => { 
    dispatch({ type: OPEN_GUIDE_LIST }); 
  }; 
};

Your Original Reducer #

const INITIAL_STATE = { guideopen: true }; 

export default (state = INITIAL_STATE, action) => { 
  switch (action.type) { 
    case OPEN_GUIDE_LIST: 
      return { ...state, guideopen: true ? false : true }; 
    default: 
      return state; 
  } 
};

The root problem is in this line of your reducer:

guideopen: true ? false : true

This is a hardcoded conditional—since true is always truthy, it will always return false, no matter what the current value of state.guideopen is. That's why after the first toggle from initial true to false, every subsequent action just resets it to false instead of flipping it.

Fixed Reducer Code #

To fix this, you need to flip the current value of state.guideopen using the logical NOT operator (!):

const INITIAL_STATE = { guideopen: true }; 

export default (state = INITIAL_STATE, action) => { 
  switch (action.type) { 
    case OPEN_GUIDE_LIST: 
      return { 
        ...state, 
        guideopen: !state.guideopen // Flip the existing state value
      }; 
    default: 
      return state; 
  } 
};

Now every time you dispatch OPEN_GUIDE_LIST, the guideopen state will toggle between true and false as you expect. You can recheck with React Native Debugger to confirm the state updates correctly on each onPress.

内容的提问来源于stack exchange，提问作者Alisan26