Bootstrap .well - 用反应道具改变颜色

Question

我正在使用bootstrap＆amp; reactjs。 我的页面上有.well-component。用户应该能够改变它的颜色。颜色存储在{this.props.color}中。 我试图改变它：

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

但它不起作用＆amp;我没有任何想法，为什么

Answer 1

在您的代码中，您使用了'this.props.color'这是一个纯字符串。 应该是：

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

顺便说一下，最好将所有样式属性放在同一个对象中：

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