title: What is the correct way to use inline style in react?
body: <p>I am new to react and I was trying to figure out the correct way to use inline style in react </p>
  
  <p>for Example this is something I am doing </p>
  
  <pre><code>import React from 'react';
  import Classes from './toolbar.css';
  import Logo from '../../logo/logo.js';
  import Navitems from '../navigation-items/navigation-items.js';
  
  const toolbar = (props) =&gt; {
    return (
      &lt;header className={Classes.Toolbar}&gt;
      &lt;div&gt; Menu &lt;/div&gt;
      &lt;Logo style={{height: "70%"}}/&gt;
      &lt;nav className={Classes.DesktopOnly}&gt;
      &lt;Navitems /&gt;
      &lt;/nav&gt;
      &lt;/header&gt;
    )
  
  }
  
  export default toolbar;
  </code></pre>
  
  <p>Here this doesn't seem to be working</p>
  
  <pre><code> &lt;Logo style={{height: "70%"}}/&gt;
  </code></pre>
  
  <p>Any Guesses what would I be doing wrong? </p>
  
  <p>Also, Logo have its own external CSS but I guess inline-Css should dominate over the external css? </p>