ReactでCSSの値にコードを埋め込みたい。

Question

item.project.category.color の中には #E36A00 という値が入っていて下記のようなことを実装したいのですがなかなかできず質問させていただきました。

<div style={{'color': '#E36A00'}}>色</div>

上記のようなコードを実装しようと<div style={{'color': "{item.project.category.color}"}}>色</div>などいろいろ試したのですがstyleの値を出力することができません。
CSSの値を動的に出力するにはどうした来のでしょうか。
詳しい方教えていただけると幸いです。

Answer 1

単純に、<div style={{'color': item.project.category.color}}>色</div>で大丈夫です。

Comments

[437g]

ありがとうございます。
無事解決することができました。