如何向react元素添加多个样式属性？ [复制]

我将如何向我的 React 元素添加多个样式属性？

我的应用程序中的一些组件始终使用相同的样式，但样式略有不同。我正在努力完成一些事情<div style={this.styles.mainStyle, this.styles.variationInStyle}></div>.

这些样式位于名为 styles.js 的文件中，因此this.styles.x。它仅适用于其中一种样式。我发现最接近这个解决方案的是红迪网帖子 https://www.reddit.com/r/reactjs/comments/33vbho/is_it_possible_to_use_multiple_styles_within/。解决方案是<div style={$.extend({}, style1, style2)}></div>但当然，它不起作用，变化也不起作用<div style={style1, style2)}></div>.

任何见解将不胜感激！我还将在 Reddit 和 Reactiflux Discord 小组中发布，如果答案来自任一来源，我将在此处发布答案。

style只是一个对象，CSS值变成了camelCase，所以你可以使用任何方法来合并两个对象，它应该可以工作。

ES6: style={Object.assign({}, style1, style2)}

ES7: style={{...style1, ...style2}}

lodash: style={_.merge({}, style1, style2)}