javascript - 根据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

路由参数可能就是您正在寻找的内容。

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 。