reactjs - 如何在 reactjs 中直接访问特定产品？

Question

我有一个产品清单。我的产品列表中有 3 个产品。每个产品都有自己的 id，所以当我点击一个产品时，该 id 将传递给我的产品详细信息（/product/samsung）。在我的产品详细信息页面中，我将从 url 链接 ( /product/1 ) 获取产品的所有数据。

因此，如果我想直接从 google 访问产品详细信息页面而不在我的网站中选择产品，我如何将产品的 id 传递到产品详细信息页面？因为该页面没有获取产品的 id，所以我无法从 url 链接 (/product/1) 获取产品的所有数据。

有人可以帮我处理这个案子吗？

谢谢

Answer 1

通常，流程应该是这样的。如果您单击一个项目，您应该转到products/:id，其中显示了该特定产品的详细信息，然后是一个用于获取该特定产品详细信息的 API 请求。让我们将此页面称为ProductDetails页面。这个 Rest API 调用应该出现在ProductDetails 页面的componentDidMount生命周期方法中。在这种情况下，您如何到达此页面并不重要，如果 :id 出现在 URL 中，它将请求并显示结果。