React Files组件无法获取Redux Store中更新的files数组问题

核心问题：useSelector状态路径错误 #

你的Redux Store配置中，reducer的key是fileUpload，但组件里的useSelector却在读取state.file?.files，路径不匹配导致获取不到正确的状态。

修复后的useSelector代码： #

const files = useSelector((state) => state.fileUpload.files || []);

其他排查点（若修复后仍存在问题） #

• 确认组件在Redux Provider范围内：确保Files组件被<Provider store={store}>包裹，否则无法访问Store状态。
• 检查pushFile动作的导入：确认组件中正确导入了pushFile动作，避免因导入错误导致dispatch无效。
• 验证state更新逻辑：Redux Toolkit的createSlice内部通过Immer实现不可变更新，你的pushFile reducer直接调用state.files.push的写法是合法的，无需额外修改数组的不可变更新逻辑。

验证修复效果 #

修复路径后，再次触发文件选择操作，useEffect应该会打印出更新后的files数组，组件也能正常获取到最新的文件元数据。

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