如何使用React从URL路径中检索数据？

Question

在我的服务器端，我正用快递：

这样做

app.get('/rooms/:id', function(req, res) {

      res.sendFile(path.join(__dirname + '/src/index.html'));
  });

这会发送一个包含React组件的index.html文件。如何检索＆＃34;：id＆＃34;在React组件中的URL？

Answer 1

简单回答：

假设您避开所有其他库和框架，您可以简单地使用location全局变量，但是您需要破坏查询参数并将它们映射到您的参数（通常位于location.search内）。

复杂的答案：

大多数路由库（包括React Router）都会公开一个接口来描述GET变量并将其映射到命名变量。

Answer 2

url参数位于req.params对象内。

app.get('/rooms/:id', function(req, res) {

  let roomId = req.params.id;
      res.sendFile(path.join(__dirname + '/src/index.html'));
  });