Graphql React Typescript 错误绑定元素“货币”隐式具有“任何”类型答案

【问题标题】：Graphql React Typescript error binding element 'currency' implicitly has an 'any' typeGraphql React Typescript 错误绑定元素“货币”隐式具有“任何”类型
【发布时间】：2021-11-11 23:24:31
【问题描述】：

我有这样的情况。我想在 renderExchangeRates 中使用 EXCHANGE_RATES，但出现错误 “错误消息：绑定元素 'currency' 隐含地具有 'any' 类型。” 我知道它关于类型声明，但不知道如何在data.rates.map(({ currency, rate }) => (...)) 上正确编写它。

 This is home functional component....

         const { loading, error, data } = useQuery(EXCHANGE_RATES);
         const renderedExchangeRates = data.rates.map(({ currency, rate }) => (
            <div key={currency}>
              <p>
                {currency}: {rate}
              </p>
            </div>
          ));

         return (
         ...)

错误消息：绑定元素“货币”隐含地具有“任何”类型。

我的 EXCHANGE_RATES：

import {
  ApolloClient,
  InMemoryCache,
  gql,
} from "@apollo/client";

export const client = new ApolloClient({
  uri: "https://48p1r2roz4.sse.codesandbox.io",
  cache: new InMemoryCache(),
});

export const EXCHANGE_RATES = gql`
  query GetExchangeRates {
    rates(currency: "USD") {
      currency
      rate
    }
  }
`;

感谢您的关注。

【问题讨论】：

标签： reactjs typescript graphql react-typescript

【解决方案1】：

这是对打字稿编译器的检查。在 tsconfig.json 文件中，您可以更改行

"noImplicitAny": true

如果你想绕过处理类型检查

data.rates.map(({ currency, rate }: { currency: any, rate: any })

【讨论】：