*我使用 AMP 样板制作了一个静态 HTML 页面，其中包含一个水果产品的详细信息，比如苹果，所以我的 URL 看起来像
www.xyz.com/apple
该页面包含一个简单的<amp-carousel>和一些与src苹果相关的数据。（路径中的产品）其中包含标题“Apple”、内部<amp-img>的3 个图像<amp-carousel>和一个<amp-list>取决于srcURL 路径/路径的图像。
假设我有其他产品，我想通过将路由路径更改为 、 等来显示其www.xyz.com/orange详细www.xyz.com/pears信息www.xyz.com/grapes。
假设我想根据 URL 保持动态，比如 for www.xyz.com/orange，我的静态页面现在将包含类似的信息，但与 URL 路径相关 - 即。orange// pears_grapes
由于不同的产品包含不同的标题、不同数量的图像amp-list或amp-carousel任何简单列表，我如何使用 ReactJS/ES6 语法使我的内容动态以更新 URL 中的路径。
此外，在服务器上生成 HTML 之前，请提供有关 AMP 页面的数据流/生命周期方法的任何信息（我假设我缺少这些信息）。