Reactjs 如何使我的放大器冗余？

*我使用AMP样板制作了一个静态HTML页面，其中包含水果产品（比如苹果）的详细信息，所以我的URL看起来像

www.xyz.com/apple

该页面包含一个简单的

和一些与苹果相关的

src

数据（路线中的产品），其中包含标题“苹果”，其中包含

的

内的3个图像，以及一个

带有

src

的

，具体取决于URL路线/路径

假设我有其他产品，我想通过将路径更改为
www.xyz.com/orange
，
www.xyz.com/pears
，
www.xyz.com/grapes
等来显示其详细信息

假设我想根据URL保持它的动态性，比如说对于
www.xyz.com/orange
，我的静态页面现在将包含类似的信息，但与URL路径相关-即
orange
/
pears
/
grapes

由于不同的产品包含不同的标题、
amp-list
、
amp-carousel
或任何简单列表的不同图像数量，我如何使用ReactJS/ES6语法使我的内容在URL中的更新路径保持动态。

另外，在服务器上创建HTML之前，请提供有关AMP页面的数据流/生命周期方法的任何信息（我认为我缺少这些信息）。
首先，您不能在AMP页面中使用ReactJS或ES6，如AMP规范所述

您要做的是在后端建立一个相当基本的设置，该设置将决定使用什么数据来构建AMP页面