javascript - 使用路径参数检查 NextJS 中的查询值是否为空

Question

我目前正在寻找一种能够知道查询值是否为空的方法。

我正在使用路径参数方法进行操作。我有文件pages/search/[variable1].js

这是我的代码：

import { useRouter } from "next/router"

const Variable= () => {
  const router = useRouter()
  const { variable1 } = router.query
  console.log(variable1);
}

例如，我正在访问localhost:3000/search/abc，控制台会显示abc。如果我通过 访问它localhost:3000/search/，控制台不会显示任何内容。可能的条件是什么，以便我可以检查是否variable1为空？我尝试做三元运算符variable1? console.log("not empty") : console.log("empty")，但我仍然没有empty在控制台中看到。

标签： javascriptnext.js

Answer 1

要访问localhost:3000/search，您需要index.js在相关路径中有文件夹。

该localhost:3000/search/[veriable1].js文件夹的期望是它期望在搜索之后进行查询。所以localhost:3000/search和localhost:3000/search/_example_不是同一个页面，他们不能通过彼此访问查询。