nextjs（13.5.4）如何获取路由查询参数对于获取url中的参数，比如 https://demo.cn?name=

对于获取url中的参数，比如 demo.cn?name=tom&age=16 （一般是url中问号的内容）,nextjs建议使用useSearchParams方法来直接获取，非常方便。

首先需要import。

import { useSearchParams } from "next/navigation";

再调用这个方法。

const searchParams = useSearchParams();

最后获取url中的参数即可。

const name = searchParams.get("name");
console.log(name);
// tom
const age = searchParams.get("age");
console.log(age);
// 16