GraphQL 查询结果中的类型不存在属性

编程问答 2022-05-10

问题描述

在 React 组件中，我使用 GraphQL 查询来获取数据：

const { data,error,loading } = useGetEmployeeQuery({
  variables: { id: "a34c0d11-f51d-4a9b-ac7fd-bfb7cbffa" }
});

关于数据解构

const { first_name } = data?.Employees_employees_by_pk;

类型检查返回错误

Property 'first_name' does not exist on type 'Maybe<{ __typename?: "Employees_employees" | undefined; } & Pick<Employees_Employees,"id" | "first_name" | "last_name" | "email" | "avatar" | "started_at" | "created_at" | "updated_at">> | undefined'

尝试将默认的 "" 分配给 first_name ，这无助于消除错误。

类型是用 graphql-codegen 生成的：

export type GetEmployeeQuery = (
  { __typename?: 'query_root' }
  & { Employees_employees_by_pk?: Maybe<(
    { __typename?: 'Employees_employees' }
    & Pick<Employees_Employees,'id' | 'first_name' | 'last_name' | 'email' | 'avatar' | 'started_at' | 'created_at' | 'updated_at'>
  )> }
);

如何让查询结果很好地解构？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

graphqlgraphqlgraphql-codegentypescripttypescripttypescript