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

Question

在 reactJs 组件中使用 useSelector 时，请告诉我如何有条件地获取数据（如果存在）。有时需要的数据直到某个组件先渲染后才可用。

Answer 1

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

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