React Native中Picker触发Action未更新Redux状态求助

我帮你梳理几个关键的排查点，对应你代码里已经出现的问题：

1. 修复函数组件的事件处理与Picker绑定 #

你的onChange定义在函数组件外部，而且没有正确获取setSelectedView这个props（它是connect注入的）。同时Picker的selectedValue硬编码为0，没有绑定Redux中的状态，导致Picker无法同步Redux的更新。

修改后的组件代码应该是这样：

const HomeScreen = ({ selectedView, setSelectedView }) => {
  // 把onChange放在组件内部，直接使用注入的props方法
  const onChange = (e) => {
    setSelectedView(e);
  };

  return (
    <View style={styles.container}>
      <Image source={require("../img/logoGreen.png")} style={{ width: 150, height: 100 }} />
      <View style={{ backgroundColor: "red" }}>
        <Text>Please select a year</Text>
        {/* 绑定Redux中的selectedView作为选中值 */}
        <Picker selectedValue={selectedView} onValueChange={onChange}>
          {studentYears.map((year, i) => {
            return (
              <Picker.Item key={year.id} label={year.title} value={year.value} />
            );
          })}
        </Picker>
      </View>
    </View>
  );
};

2. 修正Action与Reducer的字段匹配 #

你的Action里传递的字段是selectedView，但Reducer里错误地尝试读取action.setSelectedView，这完全不匹配，导致Reducer无法正确更新状态：

错误的Reducer代码：

return action.setSelectedView; // 这里字段名错了！

修正后：

export function setSelectedView(state = 0, action) {
  switch (action.type) {
    case "SET_SELECTED_VIEW":
      return action.selectedView; // 和Action里的字段名保持一致
    default:
      return state;
  }
}

3. 对齐Store初始状态与Reducer结构 #

你的Store初始状态里写的是setSelectedView: { selectedView: 0 }，但对应的Reducer初始状态是0，结构完全不匹配。如果你的rootReducer是用combineReducers组合的，比如：

import { combineReducers } from 'redux';
import setSelectedView from './your-reducer-file';

const rootReducer = combineReducers({
  selectedView: setSelectedView, // 这里的key是selectedView，对应mapStateToProps里的state.selectedView
});

那初始状态应该改为：

const initialState = {
  eventsHasErrored: false,
  eventsIsLoading: true,
  events: [],
  selectedView: 0 // 和reducer的key、初始值对齐
};

4. 利用Redux Logger验证流程 #

你已经引入了reduxLogger，可以打开浏览器/React Native调试工具的控制台，观察：

• 当你切换Picker选项时，是否有SET_SELECTED_VIEW类型的Action被dispatch？
• Action的selectedView payload是否是你选中的正确值？
• Reducer处理后，新的state里selectedView是否更新？

如果没有看到Action被dispatch，说明事件处理函数没正确调用setSelectedView；如果Action正常发出但state没变化，那就是Reducer的逻辑问题。

5. 确认组件被Provider包裹 #

最后要确认你的App根组件是否被Provider包裹，并且传入了创建好的store：

import { Provider } from 'react-redux';
import store from './path-to-your-store';

const App = () => {
  return (
    <Provider store={store}>
      <HomeScreen />
    </Provider>
  );
};

如果没有这一步，connect的组件无法获取Redux的store，自然无法更新状态。

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