Soy nuevo en React y estoy escribiendo un front-end de tienda web usando react router dom para generar páginas para el producto específico. Dividí la URL de la página del producto para obtener la identificación del producto y pasar esa identificación como accesorio a los componentes de la clase del producto (como imágenes del producto, precio, cantidad, descripción...), los componentes luego hacen consultas de apollo por separado para obtener la información que necesitan. para renderizar adecuadamente. La parte de las rutas del código se ve así:

 <Routes> <Route path="/" element={<App />} /> <Route exact path="/:productCategory" element={<CategoryComponent />} /> <Route exact path="/:productCategory/:productID" element={<ProductPageComponent />} /> </Routes>

Tengo algunas dudas sobre el uso de javascript para dividir la URL y obtener la identificación del producto; funciona bien, pero de alguna manera se siente extraño. ¿Hay una mejor manera? No puedo usar useParams ni ningún gancho; debo usar componentes de clase para esto.