根据Route显示不同的内容-Node.js / React

Question

我在Node应用程序中有一条指向商店配置文件不同页面的路线。 谷歌搜索，我知道我可以编辑参数，但是我完全不知道如何根据名称更改内容（使用React加载）。 我只是使用res.render（）呈现特定页面。

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

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

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

Answer 1

路线参数可能正是您要寻找的。

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>

也就是说，还有许多其他方法可以构建应用程序路由，因此绝对值得阅读路由文档 。