基於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

回答