!important inline styles in react

javascript, reactjs

Solution

`20+'!important'` is `'20!important'`.

When you just give a number, react adds "px" for you; but you're using a string, so you have to specify the unit. Also I'm pretty sure there needs to be a space between "!important" and whatever's to the left of it.

style={{ height: '20px !important' }};

Problem

It's there a way to add inline styles with the !important override? ``` style={ height: 20+'!important' }; <div style={style}></div> ``` This isn't working as I would have hoped.

Original source