传递颜色作为道具

Question

我正在使用数组和map()函数创建一个“个人资料卡”组件来动态呈现数据，而不是对其进行硬编码。 我希望每个人的个人资料都有不同的边框颜色，所以我试图将颜色作为道具传递给组件的样式。 在数组中，有一个color键，每个人都有一个 HEX 值。 我将它作为数组中的prop传递下来。 我想做的是像style={{border: '1px solid props.color'但我不知道该怎么做。 如果您有任何想法，请告诉我！

Answer 1

使用模板文字。 像这样： style={{border: `1px solid ${props.color}`}}

Answer 2

您只需添加一个模板文字即可将道具添加到字符串中，例如

style={{border: `1px solid ${props.color}`}}