传递颜色作为道具

Posted 2023-03-13

【中文标题】传递颜色作为道具

【英文标题】：Passing color as prop

【发布时间】：2021-12-23 12:09:30

【问题描述】：

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

【参考方案1】：

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

【参考方案2】：

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

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

【讨论】：

成功了，谢谢！！！