React Native中Redux菜单权限控制：无法更新屏幕状态求助

1. Action 传参与结构错误 #

问题根源： #

• changeMenu 方法定义时接收独立的name和value参数，但调用时传入了一个完整对象，导致参数不匹配。
• Action 返回的语法错误，原代码中payload: name,value是无效写法，无法正确传递状态值。

修复代码（actions.js）： #

export const SET_CHANGE_MENU='SET_CHANGE_MENU';
export const changeMenu = (name, value) => {
  return {
    type: SET_CHANGE_MENU,
    name,
    value
  }
}

2. Switch 组件的onValueChange逻辑错误 #

问题根源： #

当前代码固定传递value:false，无法根据开关的实际切换状态更新Redux，且传参方式不符合action的定义。

修复代码（Settings.js 中Switch部分）： #

<Switch
  trackColor={{ false: "#767577", true: "#31b031" }}
  thumbColor={screen[0]?.value ? "#fff" : "#f4f3f4"}
  ios_backgroundColor="#3e3e3e"
  onValueChange={(newValue) => dispatch(changeMenu('Screen1', newValue))}
  value={screen[0]?.value}
  style={{marginLeft:165}}
/>

3. 可选优化：统一使用Payload规范 #

如果习惯用payload包裹参数，可以调整如下：

修改actions.js： #

export const changeMenu = (name, value) => {
  return {
    type: SET_CHANGE_MENU,
    payload: { name, value }
  }
}

对应修改screenReducer.js： #

case SET_CHANGE_MENU:
  return {
    ...state,
    screen: state.screen.map(x => 
      x.name === action.payload.name 
        ? { ...x, value: action.payload.value }
        : x
    )
  }

4. 额外优化建议 #

• 避免硬编码屏幕索引，通过遍历screen列表批量渲染Switch，减少维护成本：

{screen.map((item, index) => (
  <View key={index} style={{flexDirection:'row', margin:5}}>
    <Text>{item.name}</Text>
    <Switch
      trackColor={{ false: "#767577", true: "#31b031" }}
      thumbColor={item.value ? "#fff" : "#f4f3f4"}
      ios_backgroundColor="#3e3e3e"
      onValueChange={(newValue) => dispatch(changeMenu(item.name, newValue))}
      value={item.value}
      style={{marginLeft:165}}
    />
  </View>
))}

• 添加Redux DevTools方便调试状态变化，修改store创建代码：

import { createStore, applyMiddleware, compose } from "redux";
import thunk from "redux-thunk";
import rootReducer from "./rootReducer";

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(rootReducer, composeEnhancers(applyMiddleware(thunk)));
export default store;

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