传递颜色作为道具答案

【问题标题】：Passing color as prop传递颜色作为道具
【发布时间】：2021-12-23 12:09:30
【问题描述】：

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

【问题讨论】：

标签： javascript css reactjs typescript styling

【解决方案1】：

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

【讨论】：

【解决方案2】：

你可以只添加一个模板文字来将道具添加到字符串中，例如

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

【讨论】：

成功了，谢谢！！！