<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>