react.js-当组件未呈现时,Typescript null 检查自定义挂钩返回数据
发布时间:2022-09-07 13:55:01 427
相关标签: # 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 挂钩来消费数据,而不是通过组件道具。或者这是一个不好的方法?
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报