<Body>
<HeaderDiv>Your Orders</HeaderDiv>
{
data && data.map ((item)=>{
return(
<CardMainDiv color>
</CardMainDiv>
)
})
}
</Body>
我们正在渲染一堆卡片 映射 .我想给第一个 CardMainDiv 一些特定的属性。我们如何在 react 中实现这一点？我正在使用样式化的组件。
您可以使用索引并有条件地添加道具。
<Body>
<HeaderDiv>Your Orders</HeaderDiv>
{
data && data.map ((item, index)=>{
const props = index === 0? { color: true }: {};
return(
<CardMainDiv {...props}>
</CardMainDiv>
)
})
}
</Body>