reactjs - 如何从 Next.js 中的 url 获取多个参数？

Question

我有一个如下所示的 URL：

http://localhost:3000/refer?my_id=some_id&my_name=abc

我想在 URL 中获取my_idand的值。my_name

这是我尝试过的：

因此，在我的pages/refer.js我喜欢这样：

export default class Referral extends React.Component{

  static getInitialProps({query:{my_id,my_name}}) {
    return {my_id,my_name}
  }

  render() {
        return (
           <h1>My id = {this.props.my_id}</h1>
           <h1>My name =  {this.props.my_name}</h1>

        )
   }
};

但结果是我只得到了 的值my_id，却不能得到 的值my_name。我查看了此页面 - Dynamic Routes，但似乎无法获得“&”符号之后的第二个值。

标签： reactjsnext.js