我刚刚意识到我从后端（Sanity）获取数据的方式比下一个更适合react应用，所以我正在尝试转换我目前拥有的数据。为了透明，我尝试调用图像数组中的第一个图像（以及set_name，因此我尝试查询整个集合及其字段，以及集合中的数组），
这是我最初从每一组中提取的图像：

const [ galleryData, setGalleryData ] = useState(null);

useEffect(() => {
  client.fetch(
    `*[_type == 'set']{
      set_name,
      'setSelect' : set_images[0].asset->{_id,url}}`
  ).then((data) => setGalleryData(data))
  .catch(err => console.error(err))
})

这是我尝试过的，但我得到一个服务器错误：

export const getServerSideProps = async () => {
  const query = '*[_type == "set"]';
  const set = await client.fetch(query)

  const imagesQuery = '*[_type == "set"]{set_images.asset->{_id,url}}';
  const setImages = await client.fetch(imagesQuery)

  return {
    props: {set, setImages}
  }