为什么重定向在 next.js 应用程序中不起作用？

Question

我是 next.js 的新手，我有一个基于它构建的应用程序。 我 运行 主页上有一个 10 秒的计时器，当计时器达到 0 时，我希望将用户重定向到我的页面文件夹中的 feedpack 页面。

相同的代码：

if(timer==0)
  {
    navigate('/feedback')
    clearTimeout(time);
  }

我在这里使用 useNavigate hook，但出现以下错误：

useNavigate() may be used only in the context of a <Router> component.

Answer 1

您可以阅读有关此错误的更多信息

你需要的是使用useRouter钩子。

import { useRouter } from 'next/router'

if(timer==0)
{
  router.push('/feedback')
  clearTimeout(time);
 }