javascript - Extending style object in react.js - Stack Overflow

admin管理员组

文章数量:1387383

I'm using react.js and manage most of the style attributes via react, too. If I have a, for example, a success and an error button I want to apply a different background color to them.

Right now, I'm doing this with jQuery's extend function:

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

But I'm wondering if there is a better and maybe more readable solution for this. Any advice?

I'm using react.js and manage most of the style attributes via react, too. If I have a, for example, a success and an error button I want to apply a different background color to them.

Right now, I'm doing this with jQuery's extend function:

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

But I'm wondering if there is a better and maybe more readable solution for this. Any advice?

• javascript
• jquery
• reactjs

Share Improve this question Follow asked Jul 22, 2015 at 16:14 baaobaao 73.4k1818 gold badges150150 silver badges207207 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

If you use a transpiler that implements the spread property proposal (such as Babel), you can write

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

instead.

Whether thats "better" or more readable is likely subjective.

本文标签： javascriptExtending style object in reactjsStack Overflow