我之前也碰到过类似的Redux状态更新后组件没跟着刷新的情况，结合你的描述，咱们从这几个关键点排查修复：

1. 修正Reducer中的数据更新逻辑 #

你当前的Reducer用了state.courses.concat(action.payload.results)，这会把新的筛选结果追加到旧的课程列表后面，导致Store里始终保留着全部课程数据，自然组件会显示所有内容。

正确的做法是直接用新的筛选结果替换原状态：

// 错误写法
return {
  ...state,
  courses: state.courses.concat(action.payload.results)
}

// 修正后
return {
  ...state,
  courses: action.payload.results
}

2. 修复组件间的props传递错误 #

在Courses组件中，你给ViewAllCourses传递的props是未定义的allVideos，但ViewAllCourses应该是依赖allCourses来渲染课程列表的。传参错误会导致组件始终读取旧的（或者不存在的）数据源，无法同步Redux中更新后的状态。

检查并修正props传递：

// 错误写法
<ViewAllCourses allVideos={courses} />

// 修正后
<ViewAllCourses allCourses={courses} />

3. 校验API返回的数据结构 #

最后要确认后端接口返回的数据结构是否符合你的代码预期：

• 如果接口返回的res.data.courses本身就是筛选后的课程数组，那你在action里可能不需要取.results字段，直接用res.data.courses作为payload即可；
• 如果接口确实返回了包含results的嵌套结构，那要确保action中正确提取了这个字段，避免Reducer拿到错误的数据。

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