javascript - 如何使用 "forEach"函数传递对象数组？

Question

我正在尝试创建一个我在 Card.js 中创建的 Card 对象

 (const Card = (playerImage, name, position)) 

每张 Card 都是由 Players.js 中创建的数据构建的。

在 Index.js 文件中，我尝试使用 forEach 函数来传递数组中的每个索引并创建一个 Card。

消息错误是:

'player' is not defined

(使用forEach是为了变得更好，我知道这不是必需的)

谢谢:)

Players.js:

export const players = [
    {
        image = "https://e00-marca.uecdn.es/assets/multimedia/imagenes/2019/01/09/15470342504519.jpg",
        name = 'Keylor Navas',
        position = "GK"
    },
    {
        image = "https://e00-marca.uecdn.es/assets/multimedia/imagenes/2019/01/09/15470342504519.jpg",
        name = 'Sergio Ramos',
        position = "CB"
    }
]

索引.js:

ReactDOM.render((
    <div>
        players.forEach(player, index) => {
            <Card img = {player.image} name = {player.name} position = {player.position}/>
        });
    </div>),
    document.getElementById('root'));

Answer 1

尝试使用索引。

ReactDOM.render((
<div>
    {players.map((user, i) => {
        return ( 
           <Card 
                 key={i} 
                 img={players[i].image} 
                 name={players[i].name} 
                 position={players[i].position}
           /> 
        )
     });
    }
</div>),
document.getElementById('root'));