title: How to do css in JavaScript Object
body: <p>I am new to JavaScript . I don't have much knowledge related to JavaScript Object . Actully I want to convert CSS properties to JavaScript Object . I code for one css properties which is working fine but I face some logic problem . I will give you code I want to convert these two properties in JavaScript object . </p>
  
  <p><strong>React Component</strong></p>
  
  <pre><code>&lt;div className="left-menus"&gt;
        {menus.map(item =&gt; {
            return (
              &lt;Link to={item.name} name={item.name} key={item.name}
                className={this.state.activeMenu === item.name ? 'menu active' : 'menu' }
                onClick={() =&gt; this.setState({ activeMenu: item.name })}
                &gt;
                &lt;Icon name={item.icon} size="large"/&gt;
                &lt;span&gt;{item.name}&lt;/span&gt;
              &lt;/Link&gt;
            )
        })}
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>JavaScript Object</strong></p>
  
  <pre><code>leftMenu : {
      position: 'fixed',
      width: '200px',
      paddingRight:' 0 !important',
      backgrounColor: '#fff',
      height: '100%',
      marginTop: '20px',
      top: '47px',
      fontSize: '12px !important',
      borderRight: '2px solid #e8e8ec'
  }
  </code></pre>
  
  <p><strong>App.CSS</strong></p>
  
  <pre><code>         .left-menus {
            position: fixed;
            width: 200px;
            padding-right: 0 !important;
            background-color: #fff;
            height: 100%;
            margin-top: 20px;
            top: 47px;
            font-size: 12px !important;
            border-right: 2px solid #e8e8ec; }
            .left-menus .menu {
              color: #4a4a4a;
              width: 100%;
              display: block;
              cursor: pointer;
              text-transform: capitalize !important;
              padding: 15px 10px 15px 18px; 
            }
  </code></pre>
  
  <p>I created object for css property which name as <code>left-menus</code> but I have problem to create logic for second properties because second properties implement some vales of Ist property . Someone Please help me how to do this task. 
  Thanks </p>