在react.js中扩展样式对象

Question

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

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

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

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

Answer 1

如果您使用实现传播属性提议的转换器 （例如Babel），您可以编写

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

代替。

这些“更好”还是更具可读性可能是主观的。