Sfida: Visualizzare Raccolte di Dati

Compito: Mostrare un elenco di prodotti

Gestire i dati ottenuti dal backend e garantirne la corretta visualizzazione in formato elenco.

Il compito è:

• Utilizzare il metodo map() per visualizzare un array di prodotti.
• Assicurarsi di compilare i seguenti campi:

1. h2 deve contenere il nome del prodotto (name property);
2. p deve contenere la descrizione del prodotto (description property);
3. span deve contenere la stringa "Price:" e il prezzo del prodotto (price property).

1. Utilizzare il metodo map() per iterare sull'array props.goods.
2. Impostare la prop key dell'elemento <li> a un valore univoco, come la proprietà id dell'elemento.
3. All'interno di ogni elemento <li>, utilizzare i seguenti elementi:
   • Un elemento <h2> per mostrare il nome del prodotto. Accedere al nome dall'attuale item;
   • Un elemento <p> per mostrare la descrizione del prodotto. Accedere alla descrizione dall'attuale item;
   • Un elemento <span> per mostrare la stringa "Price:" seguita dal prezzo del prodotto. Accedere al prezzo dall'attuale item.