如何解决反应:TypeError:Object(...) 不是函数
通过继续我研究 react js 的项目,我遇到了一个新错误
TypeError: Object(...) 不是函数
我到处找,但找不到解决此错误的方法 这是我的 PokemonsContainer.js 文件
import React from "react";
import useQuery from "@apollo/react-hooks";
import {GET_POKEMONS} from "../graphql/get-pokemons";
import { Pokemon } from "../components/Pokemon";
function PokemonsContainer() {
const { data: { pokemons = [] } = {} } = useQuery(GET_POKEMONS,{ variables: { first: 9 },});
return (
<div className="container">
{pokemons && pokemons.map(pokemon => <Pokemon key={pokemon.id} pokemon={pokemon} />)}
</div>
);
}
export default PokemonsContainer
错误显示在第 8 行 const { data: { pokemons = [] } = {} } = useQuery(GET_POKEMONS,});
import gql from 'graphql-tag'
export const GET_POKEMONS =gql`
query pokemons($first: Int!){
pokemons(first:$first){
id
name
image
maxHP
maxCP
attacks{
special{
name
damage
}
}
}
}
`;
这里是 Pokemon.js
import React from 'react';
export function Pokemon({ pokemon }) {
return (<p>{pokemon.name}</p>)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。