TypeScript，具体的未定义值

Question

如何从可能未定义的值中获取可以分配给状态的值？我知道数据在那里，但我无法通过先检查来禁用打字稿错误。

我正在尝试将 staleModes 置于状态，以便我可以为每个项目呈现控件：

const temps = useSelector((state: RootState) => selectTemps(selectSlss(state)));

const proposedStates = temps?.proposedStates;

const staleModes = proposedStates?.map(a => a.stale.mode);

const [proposedListStale, setProposedListStale] = useState<string[]>(staleModes);

它在这里抱怨 staleModes：useState(staleModes);

错误是： '(string | undefined)[] | 类型的参数undefined' 不能分配给'string[] 类型的参数 | (() => 字符串[])'。 类型 'undefined' 不能分配给类型 'string[] | (() => 字符串[])'。

Answer 1

可选的链接可能导致staleModes 被分配undefined。如果你真的需要可选链，因为属性可能不存在，你可以用空数组替换。

由于mode 也可能是undefined，因此将其替换为空字符串：

const staleModes = proposedStates?.map(a => a.stale.mode ?? '') ?? [];

但如果您确定属性和数据存在，则删除可选链接并改用类型断言：

const temps = useSelector((state: RootState) => selectTemps(selectSlss(state)))!;

const staleModes = temps.proposedStates!.map(a => a.stale.mode);