2017-05-30 24 views
0

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

答えて

0

あなたは'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'}} > 
+0

はあなたに感謝します!あなたの2番目の通知は非常に重要です。前に '{}'を削除しようとしましたが、1つのオブジェクト内にスタイルプロパティを置く場合にのみ機能します – Olga

関連する問題