问：

我正在尝试弄清楚如何从 API 调用（NextJs 13 Fetch）中投射对象。

我正在尝试使用实用程序方法中的 fetch 调用 Sanity 并将对象 （Post） 返回到页面，在那里我可以访问 Post 对象的属性。

这是我拥有的代码......

页面代码

/* Get the blog post */
const post = async () => {
    await getPost('test-post');
  };

Utility 方法

export async function getPost(slug:string): Promise <Post> {

    return SanityClient.fetch(`*[_type == "post"] | order(publish_date desc)`,)
} 

Post 对象

import { PortableTextBlockComponent } from "@portabletext/react"
import { Author } from "./Author";
import { Category } from "./Category";
import { BannerImage } from "./BannerImage";

export type Post = {
    title: string,
    headline: string,
    slug: string,
    publish_date: Date,
    banner_image: BannerImage,
    category: Category[],
    author: Author[];
    body: PortableTextBlockComponent[]
};

提前感谢您的见解。