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 completare i seguenti punti:

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

1. Utilizzare il metodo map() per iterare sull'array props.goods.
2. Impostare la prop key dell'elemento <li> su 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'oggetto item corrente;
   • Un elemento <p> per mostrare la descrizione del prodotto. Accedere alla descrizione dall'oggetto item corrente;
   • Un elemento <span> per mostrare la stringa "Price:" seguita dal prezzo del prodotto. Accedere al prezzo dall'oggetto item corrente.