将颜色作为道具传递
2021-11-10
650
我正在使用数组和
map()
函数创建一个“个人资料卡”组件，以动态呈现数据，而不是对其进行硬编码。我希望每个人的个人资料都有不同的边框颜色，因此我尝试将颜色作为 prop 传递给组件的样式。在数组中，有一个
color
键，每个人一个十六进制值。我将其作为
prop
从数组中传递下去。我想做的是制作类似
style={{border: '1px solid props.color'
的东西，但我不确定如何做到这一点。如果您有任何想法，请告诉我！
2个回答
使用模板文字。类似这样的内容：
style={{border: `1px solid ${props.color}`}>
Siosaia Fonua
2021-11-10
您只需添加一个模板文字即可将 prop 添加到字符串中，例如
style={{border: `1px solid ${props.color}`}}
gvdp
2021-11-10