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

Question

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

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

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

谢谢

Answer 1

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