React Native+Redux组件中Selector无法获取最新状态问题咨询

嘿，我明白你遇到的这个麻烦了——dispatch完动作立刻查状态，结果新的答案没进去，对吧？这其实是Redux状态更新和组件闭包特性的常见坑，我给你拆解下原因和解决方案：

先说说问题根源：当你调用setAnswer之后，Redux确实会同步更新store里的状态，但你当前组件里的状态变量（或者你调用selector的方式）是当前渲染周期的闭包值，不会立刻跟着store变动。要等到组件重新渲染后，才能拿到最新的状态。而且看你代码里的console.log(getCurrentAnswers)，这里还有个小疏漏：getCurrentAnswers是个selector函数，你得传入state才能拿到结果，直接打印函数本身肯定看不到正确值呀。

下面给你几个靠谱的解决办法：

1. 用useSelector订阅状态，监听变化再打印 #

在组件里，你应该用React-Redux提供的useSelector来获取状态，它会自动订阅store的变化，状态更新时组件会重新渲染，此时就能拿到最新的答案数组。如果想在状态更新时立刻看到日志，可以搭配useEffect监听：

import { useSelector, useDispatch } from 'react-redux';
import { QuestionnaireSelectors, Creators } from './你的reducer文件路径';

// 组件内部逻辑
const dispatch = useDispatch();
// 用useSelector获取实时同步的状态
const currentAnswers = useSelector(QuestionnaireSelectors.getCurrentAnswers);

const handleSubmitPress = (data) => {
  // 注意：必须通过dispatch触发action，直接调用action creator不会更新store！
  dispatch(Creators.setAnswer({ question_id: currentQuestion.id, value: data.questionInput }));
  // 这里立刻log currentAnswers的话还是旧值，因为组件还没完成重新渲染
};

// 监听currentAnswers的变化，状态更新时自动打印最新值
useEffect(() => {
  console.log('最新的答案列表:', currentAnswers);
}, [currentAnswers]);

2. 在Reducer里加日志（快速验证状态更新） #

如果你只是想确认action是否正确触发了状态更新，可以直接在reducer里打印更新后的状态，这里拿到的肯定是store的最新状态：

const setAnswer = (state, { answer }) => {
  // 注意：你用了seamless-immutable的Immutable初始状态，要保持Immutable操作规范
  const newState = state.set('answers', [...state.answers, answer]);
  console.log('Redux更新后的状态:', newState);
  return newState;
};

这里顺便纠正个小问题：你之前的reducer用展开运算符返回了普通对象，这会破坏seamless-immutable的Immutable特性，改成state.set才是正确的用法。

3. 用Redux DevTools调试（强烈推荐） #

React Native里可以集成Redux DevTools，它能实时展示每一次action触发后的状态变化，还能回溯历史状态，调试Redux状态问题特别高效，比自己打log方便多了。

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