问在apollo reactjs中使用变量发出请求时出现的问题

EN

import React from 'react'
import { useParams } from 'react-router-dom';
import { gql, useQuery } from '@apollo/client';

const Post = (props) => {

    const { id } = useParams();
    console.log(id);

    const [loading, error, data] = useQuery(GET_POST, {
        variables: {
            postId: id
        }
    })

    if (loading) return null;
    if (error) return `Error! ${error}`;

    return (
        <div>
            Post
        </div>
    )
}


const GET_POST = gql`
query IdPost($postId: ID!){
    idPost(postId:$postId){
        id
        user{
            username
            email
        }
        title
        body
        image
        createdAt
        updatedAt
        published
    }
}
`;

export default Post

class Query(graphene.ObjectType):
    all_posts = graphene.List(PostType)
    id_post = graphene.Field(PostType, postId=graphene.ID())

def resolve_all_posts(root, info):
    return Post.objects.filter(published=True)

def resolve_id_post(root, info, postId):
    return Post.objects.get(id=postId)