小编Cul*_*ity的帖子

我是新手，尝试执行 GraphQL 查询，data根据用户单击的链接在页面上进行更新（检查onClick下面代码中的两个 s）。

当用户单击链接时，handleSubmit还应该通过更新 URL router.push（更新后的 URL 应类似于：）http://localhost:3000/bonustype?=value，而不刷新任何页面。但是，当我尝试使用时，router.push出现以下错误：

服务器错误错误：未找到路由器实例。您应该只在应用程序的客户端内使用“next/router”。

单击链接并更新 URL 后，GraphQL 查询应使用更新的 slug（具有链接中的值）再次“执行”。

被这个问题困扰了几个小时，感谢任何帮助或意见。该代码来自我的主索引页面，运行时的当前网址是localhost:3000/。

你会如何解决这个问题？

import { useState } from "react";
import { useRouter } from "next/router";
import Layout from "../components/Layout";
import Head from "next/head";
import Featured from "../components/index/Featured";
import { API_URL } from "@/config/index";

import {
  ApolloClient,
  inMemoryCache,
  gql,
  InMemoryCache,
} from "@apollo/client";

export default function HomePage({ casinos }) {
  const router = useRouter(); …