第 14 行期望一個賦值或函數調用，但看到一個表達式錯誤

Question

我正在嘗試映射種子數據，但出現此錯誤。 有誰知道為什么？ 現在我只是想顯示名稱的鍵，但我得到一個預期的分配或函數錯誤。

import { Link } from "react-router-dom";
import {getData} from "../Data"


export default function Home() {
    let data = getData();
    return (
       <div>
        {data.map((data) => {
            {data.name}
        })}
       </div>
    )
} 

這是我試圖從中提取的種子數據。 我已將它導入到我的 home.jsx 文件中，並在我的 return 語句之前調用了該函數。

let data =  [
    {
        name: 'forgive-me-pleases',
        image: 'https://i.imgur.com/0UCzcZM.jpg',
        price: 50,
        tags: ['pink', 'roses', 'bouquet', 'apologies'],
    },
    {
        name: 'pink perfection',
        image: 'https://i.imgur.com/XoEClf7.png',
        price: 15,
        tags: ['pink', 'gerbera daisy', 'singular', 'decor'],
    },
    {
        name: 'hopeful sunshine',
        image: 'https://i.imgur.com/LRrcBtN.png',
        price: 30,
        tags: ['yellow', 'sunflower', 'multiple', 'garden'],
    },
    {
        name: 'motivational mug',
        image: 'https://i.imgur.com/NOJ2ikN.png',
        price: 25,
        tags: ['yellow', 'gerbera daisy', 'singular (with mug)'],
    },
    {
        name: 'breathtaking bouquet',
        image: 'https://i.imgur.com/TuuKiHt.png',
        price: 40,
        tags: ['white', "baby's breath", 'bouquet', 'decor'],
    },
    {
        name: 'loves-me-loves-me-knots',
        image: 'https://i.imgur.com/SaTbTEx.png',
        price: 20,
        tags: ['mixed', 'gerbera daisy', 'mini bouguet', 'for fun'],
    },
    {
        name: 'hiya, spring',
        image: 'https://i.imgur.com/dJvHolr.jpg',
        price: 35,
        tags: ['mixed', 'hyacinths', 'bouquet', 'garden'],
    },
    {
        name: 'can of compassion',
        image: 'https://i.imgur.com/PN3jmrf.png',
        price: 55,
        tags: ['mixed', 'decor', 'bouquet (with can)', 'love'],
    },
    {
        name: 'basket of beauty',
        image: 'https://i.imgur.com/Z86X3qq.png',
        price: 50,
        tags: ['mixed', 'bouquet (with basket)', 'love', 'decor'],
    },
];

export function getData() {
    return data
}

Answer 1

嘗試更改{data.name}以return data.name ，因為Array.map()期望您返回一個值。

Answer 2

請更改您的代碼，如下所示

 let data = getData();
    return (
       <div>
        {data.map((data) => {
           <div>{data.name}</div>
        })}
       </div>
    )