sanity - 理智 | 如何在 div 标签中调用 Sanity 提取结果？

Question

当我在视觉中运行这个健全性查询时，它在下面的 http://localhost:3333/vision 处返回。

import { useState, useEffect } from "react"
import client from "../client"
import { Link } from 'react-router-dom';

export default function Homepage() {
  const [posts, setPosts] = useState([])
  
    useEffect(() => {
        client.fetch(
            `*[_type == "post"] {
                title,
                slug,
                body,
                categories[] -> {
                  title,
                  slug
          },
                mainImage {
                    asset -> {
                        _id,
                        url
                    },
                    alt
                }
            }`
        ).then((data) => setPosts(data)).catch(console.error)
    }, [])

结果 ：

"categories":[1 item
0:{1 item
"title":"SOCIAL"
}
]

我需要结果看起来像这样

社会的