使用useSelector从redux获取数据时如何避免未定义的数据？

【问题标题】：how to avoid undefined data when getting data from redux using useSelector?使用useSelector从redux获取数据时如何避免未定义的数据？
【发布时间】：2021-05-26 07:07:00
【问题描述】：

在 reactJs 组件中使用 useSelector 时，请告诉我如何有条件地获取数据（如果存在）。有时，在某个组件首先呈现之前，所需的数据是不可用的。

【问题讨论】：

标签： javascript reactjs redux react-hooks react-functional-component

【解决方案1】：

您可以使用optional chaining operator ?. 安全地访问可能不存在的对象的属性。如果未设置 user 或 user_name，您可以将其与 logical OR operator || 结合使用以设置默认值。

const user_name = useSelector(state => state.user?.user_name) || ''

【讨论】：