返回

react.js-当组件未呈现时,Typescript null 检查自定义挂钩返回数据

发布时间:2022-09-07 13:55:01 271
# node.js

我们正在提取数据并使用 Redux Tool Kit 使用它。然后,我们根据该数据的可用性有条件地渲染组件。但是,如果我使用自定义 RTK 挂钩访问组件中没有该数据将无法呈现的数据,Typescript 仍然抱怨数据可能为空。

家长

<Route path={"/cards"}>

  {person && <Cards />}

</Route>

零件

import { usePerson } from "store/hooks/person"

export const Cards = (): JSX.Element => {

  const { person } = usePerson()

  const { randomData } = useCards({person}) // person is possibly null here

我们不想对所有内容都进行空检查。理想情况下,我们应该能够使用 RTK 挂钩来消费数据,而不是通过组件道具。或者这是一个不好的方法?

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(1)
按点赞数排序
用户头像