Tarefa: Exibir uma Lista de Produtos

Vamos manipular os dados obtidos do backend e garantir sua renderização adequada em formato de lista.

A tarefa é:

• Utilizar o método map() para renderizar um array de produtos.
• Certifique-se de preencher as lacunas necessárias:

1. O h2 deve conter o nome do produto (name);
2. O p deve conter a descrição do produto (description);
3. O span deve conter a string "Price:" e o preço do produto (price).

1. Utilize o método map() para iterar sobre o array props.goods.
2. Certifique-se de definir a propriedade key do elemento <li> com um valor único, como a propriedade id do item.
3. Dentro de cada elemento <li>, utilize os seguintes elementos:
   • Um elemento <h2> para exibir o nome do produto. Acesse o nome a partir do item atual;
   • Um elemento <p> para exibir a descrição do produto. Acesse a descrição a partir do item atual;
   • Um elemento <span> para exibir a string "Price:" seguida do preço do produto. Acesse o preço a partir do item atual.