给first div一些以React风格的属性

问题描述 投票:0回答:1
<Body>
          <HeaderDiv>Your Orders</HeaderDiv>
            {
                data && data.map ((item)=>{
                    return(
                        <CardMainDiv color>


                        </CardMainDiv>
                    )
                })
            }



        </Body>

[我们正在使用映射渲染一堆卡片。我想要第一个CardMainDiv的某些特定属性。如何在react中实现这一点?我正在使用样式化的组件。

javascript reactjs
1个回答
1
投票

您可以利用索引并有条件地添加道具。

 <Body>
      <HeaderDiv>Your Orders</HeaderDiv>
        {
            data && data.map ((item, index)=>{
                const props = index === 0? { color: true }: {};
                return(
                    <CardMainDiv {...props}>


                    </CardMainDiv>
                )
            })
        }



    </Body>
© www.soinside.com 2019 - 2024. All rights reserved.