Completed Dynamic Product Details Page exercise

[MoniqueC10-4]

Installed react-router-dom

Correctly imported useParams, BrowserRouter and productsData

Built the ProductList component using products.json as the source of the data without converting it into an array

Set up dynamic routes for the clickable product name in ProductList (<Link to={/products/${productId}}>{product.name}) and for individual products (<Route path='/products/:productId' element={} />) to show the product details

Built the ProductDetail component using the useParams hook (let { productId } = useParams();) to extract the productId from the URL, retrieve (const product = productsData.products[productId];) and display (

{product.name}

, etc) the details of the product