title: How to add !important into React inline CSS style
body: <p>How to add <code>!important</code> into my inline CSS property?
  If I add it after <code>2px</code> it just ignore whole style.</p>
  
  <pre><code>import React from "react";
  
  export default class Todo extends React.Component {
      render() {
          const {text} = this.props;
  
          const cardStyles = {
              borderWidth: '2px'
          };
  
          return (
              &lt;div class="card mb-2 border" style={cardStyles}&gt;
                  &lt;div class="card-body"&gt;
                      &lt;h5 class="card-title m-0"&gt;{text}&lt;/h5&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>