How to properly render the product/article/etc itself when it is opened?

Question

React

Let's say we have a list of products. When you click on the product itself, I have to display it by displaying all the information about it. How to do it right?

I know a way with route parameters:

<Route path="/products/:id" render={(id) => <ProductСard id={id} />} />

Well, based on the route parameter (id), I render the product itself. But how correct is this approach?

After all, there are options in which this approach does not work, for example, if the site needs CNC.

Answer 1

Well, then instead of id there should be some slug that is parsed and searched in the database by this name, and not by id. The meaning is the same.