将 react-apollo 依赖项更新到 apollo 3 时出现问题

Question

在我使用 Apollo 2 的项目中，我像这样导入 react-apollo 依赖项： import { QueryProps } from "react-apollo".

现在在 Apollo 3 中，我在 @apollo/client 中找不到 QueryProps，我在带有 typescript 的 apollo 的 documentation 中看到，QueryProps 像这样导入 import { NamedProps, QueryProps } from@apollo/react- hoc, If I install@apollo/react-hocI try to import it my IDE thrownTS2305：模块'"../../../node_modules/@apollo/react-hoc"'没有导出成员'QueryProps'。`。

那么我如何将QueryProps 依赖导入到 apollo 3 中呢？

Answer 1

您可以在不使用 QueryProps 的情况下单独调用这些类型。 例如：

import { DocumentNode, OperationVariables, WatchQueryFetchPolicy } from '@apollo/client'

之前：

type Props = {
   ...
   query: QueryProps
}

之后：

type Props = {
   ...
   query: {
     query: DocumentNode
     fetchPolicy: WatchQueryFetchPolicy | undefined
     variables: OperationVariables | undefined
   }
}