Full-Stack React Projects - Second Edition

The Shop component

The Shop component will render the shop details and also a list of products in the specified shop using a product list component, which will be discussed in the Products section. The completed single Shop view will look as pictured in the following screenshot:

To implement this Shop component, we will first retrieve the shop details with a fetch call to the read API in a useEffect hook, and set the received values to state, as shown in the following code:

mern-marketplace/client/shop/Shop.js:

export default function Shop({match}) {  const [shop, setShop] = useState('')  const [error, setError] = useState('') useEffect(() ...