ブートストラップ。反応小道具でよく変色します

Question

私はブートストラップ& reactjsを使用しています。 私のページに.well-componentがあります。ユーザーは色を変えることができるはずです。色は{this.props.color}に格納されます。 私はこのようにそれを変更しようとしている：あなたのコードで

Answer 1

あなたは'this.props.color'を使用し、なぜ私は、任意のアイデアを持っていない

<div className="well lead" style={{backgroundColor:'{this.props.color}'}} style={{marginTop:'20px'}} >

しかし、それは&を動作しません。これは普通の文字列です。 ではなくなるはずです。

style={{backgroundColor: this.props.color}} 

ところで、あなたはより良い、同じオブジェクト内のすべてのスタイルプロパティを置く：

<div className="well lead" style={{backgroundColor: this.props.color, marginTop:'20px'}} >