React帖子详情页渲染时useEffect未触发，无法拉取后端数据问题求助

核心问题 #

1. Reducer默认返回逻辑错误（最致命的根因） #

你提供的reducer代码中，default分支直接返回了空字符串""，而非原本的state：

// 错误写法
default:
  return "";

这个错误会导致所有未匹配到的action触发时，你的state.posts直接从对象变成空字符串。后续你执行const {post, isLoading} = useSelector((state) => (state.posts))时，相当于从空字符串上解构属性，拿到的全是undefined，甚至会直接抛出JS错误，打断组件的正常执行流程，导致useEffect的回调根本没来得及注册执行，也就看不到对应的日志输出。

2. 潜在辅助排查点 #

如果修复reducer后问题还存在，可以依次排查以下项：

• 确认路由参数是否正常获取：在组件顶层打印id的值，确认路由配置中已定义:id参数，跳转时id是有效值而非undefined
• 确认Redux中间件配置正确：你使用了异步action，必须在store配置时注册redux-thunk中间件，否则dispatch异步的getPost会直接报错
• 确认无其他JS报错：打开浏览器控制台，看是否有其他报错打断了组件执行流程

修复方法 #

1. 修正reducer的默认返回逻辑：

// 正确写法
default:
  return state;

2. 可选优化：可以给post加可选链，避免请求完成前访问post.title报错：

<Typography variant = "h1" > {post?.title} < /Typography>

关于页面渲染两次的说明 #

如果是开发环境下的React18版本，开启严格模式后组件默认会渲染两次，这是框架的正常行为，生产环境不会复现，无需特殊处理。

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