在react.js中扩展样式对象

Question

我正在使用react.js并通过react来管理大部分样式属性。如果我有一个成功和一个错误按钮，我想为它们应用不同的背景颜色。

现在，我正在使用jQuery的扩展函数：

<span style={$.extend({background: 'forestgreen'},this.state.buttonStyle)}></span>

但我想知道是否有更好的，可能更具可读性的解决方案。有什么建议吗？

Answer 1

如果您使用实现spread property proposal的转换器（例如Babel），您可以编写

style={{...this.state.buttonStyle, background: 'forestgreen'}}

代替。

是否＆＃34;更好＆＃34;或者更具可读性可能是主观的。