如何从 Next.js 中的 URL 获取(查询字符串)参数? [英] How can I get (query string) parameters from the URL in Next.js?

问题描述

当我点击 /index.js 中的链接时，它会将我带到 /about.js 页面.

但是，当我通过 URL(例如 /about?name=leangchhean)从 /index.js 到 /about.js 传递参数名称时，不知道怎么在/about.js页面获取.

index.js

从'next/link'导入链接；导出默认值 () =>(<div>点击{' '}<Link href={{ pathname: 'about', query: { name: 'leangchhean' } }}><a>这里</a></链接>{' '}阅读更多

);

解决方案

• 在 about.js 页面中使用以下代码获取它:

//pages/about.js从下一个/链接"导入链接导出默认值 ({ url: { query: { name } } }) =>(<p>欢迎来到关于！{名称}</p>)

When I click on a link in my /index.js, it brings me to /about.js page.

However, when I'm passing parameter name through URL (like /about?name=leangchhean) from /index.js to /about.js, I don't know how to get it in the /about.js page.

index.js

import Link from 'next/link';
export default () => (
  <div>
    Click{' '}
    <Link href={{ pathname: 'about', query: { name: 'leangchhean' } }}>
      <a>here</a>
    </Link>{' '}
    to read more
  </div>
);

解决方案

• Get it by using the below code in the about.js page:

// pages/about.js
import Link from 'next/link'
export default ({ url: { query: { name } } }) => (
  <p>Welcome to About! { name }</p>
)

这篇关于如何从 Next.js 中的 URL 获取(查询字符串)参数?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！