如何从getInitialProps中的URL获取查询参数?

JavaScript React.js

理查德飞云

2020-03-23

我有一个干净的网址,其中包含一些这样的查询参数。

http:// localhost:3000 / post /:id

我正在尝试像这样在客户端捕获查询参数“ id”。

static async getInitialProps({req, query: { id }}) {
    return {
        postId: id
    }
}

render() {
  const props = { 
       data: {
          'id': this.props.postId        // this query param is undefined
       }
  }
  return (
     <Custom {...props}>A component</Custom>
  )
}

我的快速端点看起来像这样。

app.post(
    '/post/:id',
    (req, res, next) => {
        let data = req.body;
        console.log(data);
        res.send('Ok');
    }
);

但是我的服务器端控制台输出最终像这样。

{ id: 'undefined' }

我已经阅读了文档和github问题,但似乎无法理解为什么会这样。

第2853篇《如何从getInitialProps中的URL获取查询参数?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android