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

Question

在我的服务器端，我正在使用 express 来执行此操作：

app.get('/rooms/:id', function(req, res) {
      res.sendFile(path.join(__dirname + '/src/index.html'));
  });

这将发送一个包含 React 组件的 index.html 文件。如何从 React 组件中检索 URL 中的"：id"？

Answer 1

简单的答案：

假设你避免了所有其他库和框架，你可以简单地使用位置全局变量，但是你需要破坏查询参数并将它们映射到你的参数(通常位于 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'));
  });