チャレンジ：データコレクションの表示

課題：商品リストの表示

バックエンドから取得したデータを処理し、リスト形式で正しく表示されるようにします。

課題内容：

• map() メソッドを使用して商品配列をレンダリング。
• 必要な箇所を以下のように埋めること：

1. h2 には商品の名前（name プロパティ）を表示；
2. p には商品の説明（description プロパティ）を表示；
3. span には文字列「Price:」と商品の価格（price プロパティ）を表示。

1. map() メソッドを使用して props.goods 配列を反復処理。
2. key 要素の <li> プロパティには、アイテムの id プロパティなど一意の値を設定。
3. 各 <li> 要素内で、以下の要素を使用：
   • <h2> 要素で商品の名前を表示。現在の item から name を取得；
   • <p> 要素で商品の説明を表示。現在の item から description を取得；
   • <span> 要素で「Price:」という文字列と商品の価格を表示。現在の item から price を取得。