Javascript 唯一项的反应路由器url路径

我正在开发react购物车应用程序，但找不到/想不出如何为我的应用程序中的唯一项目创建唯一的URL路径。我已经成功地在子组件中显示了

props.match.params.id

，其中我的

在父组件中看起来像这样。但是现在我有了一个名为

items

的对象数组，它处于父组件状态，我想根据url

：id

呈现子组件。数组中的每个项都有一个id，但如何“绑定？”url:id和数组中的项id？关键是，当你在真正的网上商店中点击商品的图片或名称时，它会将你带到这个独特商品的更详细页面，我也在尝试这样做。

你可以使用类似的方法来完成

const items = [{ id: 1 }, { id: 2 }, { id: 3 }];
items.map(item =>
    <Route exact path=`/product/${item.id}` component={Product} />
)

---

你能解释一下

${id}

正在发生什么变化吗？你能在任何在线编辑器上发布你的代码吗？映射数组怎么样？它没有告诉我如何解决我的问题。在沙盒示例中，映射了一个对象数组

/product/1
/product/2
/product/3