使用三元运算符仍报“this.store.getState().account可能未定义”错误求解

你遇到的问题核心在于三元运算符的条件部分已经在尝试访问me.id了——虽然你明确account是必选状态，但me是可选的，当me不存在（也就是undefined）时，直接访问me.id会触发运行时错误，而TypeScript的类型检查也会提前识别到这个风险，所以抛出了提示。

举个直白的例子：如果this.store.getState().account.me是undefined，那你的代码第一步就会执行undefined.id，这直接就报错了，根本走不到三元的分支判断里。

推荐解决方案：使用可选链+空值合并运算符 #

这是现代JS/TS里最简洁安全的写法，完美解决嵌套属性的访问问题：

var myUser = this.store.getState().account.me?.id ?? 0;

• me?.id：表示只有当me存在（不是undefined或null）时，才会访问id，否则直接返回undefined
• ?? 0：当左边的结果是undefined或null时，就用0作为默认值，比三元运算符更直观，也避免了重复写长路径的麻烦

传统兼容方案（如果环境不支持可选链） #

如果你的项目环境还不能用ES2020的语法，可以逐层做存在性检查，确保每一层都有效再访问下一层：

const state = this.store.getState();
const account = state.account;
var myUser = account.me && account.me.id ? account.me.id : 0;

或者拆分得更清晰，避免重复访问同一个路径：

const state = this.store.getState();
const userId = state.account.me && state.account.me.id;
var myUser = userId !== undefined ? userId : 0;

额外提示 #

如果TypeScript仍然提示account可能未定义，那你需要检查Redux的state类型定义，确保account被标记为非可选类型（比如AccountState而不是AccountState | undefined），这样类型检查就不会再误报了。

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