Redux状态内authenticated为true但React组件props取值为undefined怎么办

这个问题几乎不会是React和Redux的版本兼容问题，大概率是状态初始化时序和初始值配置的问题，具体原因和排查方案如下：

• 第一次渲染时Redux状态还未初始化完成：组件首次渲染触发时，你的身份验证逻辑（比如Firebase的auth状态校验、异步登录态拉取）还没执行完成，还没触发Redux的状态更新。此时store里的user分支可能还没有被赋值，state.user本身是undefined，自然取state.user.authenticated就会返回undefined。等异步逻辑执行完成更新Redux状态后，组件会触发二次渲染，此时authenticated的值就是你在Redux面板里看到的true，你可以查看控制台的打印记录，正常会出现两行日志，第一行是undefined，第二行是true。
• 检查Redux的初始值配置：确认你的user reducer有没有给authenticated设置默认值，比如初始值设为false。如果root reducer里没有正确注册user模块，或是user模块的初始值是空对象/undefined，也会导致首次取值为undefined。
• 可以给取值逻辑加兜底处理，避免undefined的情况：修改mapStateToProps里的取值逻辑为authenticated: state.user?.authenticated ?? false，哪怕state.user暂时未初始化，也会返回兜底的false，不会出现undefined的问题。
• 确认新项目的Redux store配置和旧项目一致：检查是否正确注入了user reducer、有没有正确配置中间件，避免store结构和旧项目有差异。

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