小编Yan*_*Yan的帖子

在这个问题上已经停留了一段时间，现在尝试将反应查询重新安装到我的代码库中。

我有一个使用 getStaticProps 的工作版本。

我一直在尝试使用 next/router 中的 router.isReady 来尝试强制页面等待 router.query 值出现，然后再将其作为 props 传递给反应钩子。

这是我的代码...

页面/艺术家/[artistId].js

import React, { useEffect, useState } from "react";
import { useSession } from "next-auth/react";
import { useRouter } from "next/router";
import { useQuery } from "@tanstack/react-query";

import Head from "next/head";
import ArtistHeader from "../../components/ArtistHeader";
import UploadButton from "../../components/UploadButton";
import fetchArtist from "../../hooks/getArtists";

import styles from "../../styles/artistPage.module.css";

export default function Artist() {
  const { status } = useSession();
  const [artist, setArtist] = useState(null);
  const router = …