基于 Route 显示不同的内容 - Node.js/React

Question

我在我的 Node 应用程序中为不同的商店资料页面设置了路线。一直在谷歌搜索，我知道我可以编辑参数，但我完全不知道如何根据名称更改内容（使用 React 加载）。我只是使用 res.render() 来渲染特定页面。

例如，https://www.instagram.com/adidas 显示的内容与 https://www.instagram.com/nike 不同，但它们具有相同的 HTML 结构和基本配置文件 HTML。只是内容不一样！

现在，我只有一个 store.ejs，它是每个配置文件的 html 结构。

如何根据名称/id 更改和加载内容的示例是什么？

Answer 1

路由参数可能就是您要找的。​​p>

app.get('/:name', (request, response) => {
  let locals = {
    name: request.params.name,
    foo: 'bar'
  };

  res.render('store.ejs', locals);
});

可以在模板文件中引用局部变量。

 <h1>Hello <%= name %></h1>
 <button><%= foo %></button>

然后导航到/rohit 将呈现一个包含以下标记的页面。

 <h1>Hello rohit</h1>
 <button>bar</button>

也就是说，构建应用程序路由还有很多其他方法，因此绝对值得阅读routing docs。