基于JSON值的内联样式React

我拉入JSON并将其成功映射到React组件中。然而，其中一个JSON值是HEX，我想将该HEX作为内联样式应用于我的div之一的背景颜色。基于JSON值的内联样式React

我尝试了一堆方法，但我尽管可以这样做。

<div className="ribbon-wrapper"> 
<div className="ribbon" style={{backgroundColor: {item.color.tint}}}></div> 
</div>

这会抛出Syntax error: Unexpected token, expected ,错误。有一个更好的方法吗？

2017-10-07 Aloalo

请不要'randomly'马克'up'字为'code'，它损害可读性。（我已经为你修好了。） –

您的style值是Javascript对象，因此您无需转义item.color.tint。您可以直接通过它：

<div className="ribbon" style={{backgroundColor: item.color.tint}}></div>

2017-10-07 07:07:25 topher

就直接把它传递没有括号这样

<div className="ribbon" style={{backgroundColor: item.color.tint}}></div>

2017-10-07 07:07:38

回答