title: How to combine multiple inline style objects?
body: <p>In React you can clearly create an object and assign it as an inline style. i.e.. mentioned below. </p>
  
  <pre class="lang-js prettyprint-override"><code>var divStyle = {
    color: 'white',
    backgroundImage: 'url(' + imgUrl + ')',
    WebkitTransition: 'all', // note the capital 'W' here
    msTransition: 'all' // 'ms' is the only lowercase vendor prefix
  };
  
  var divStyle2 = {fontSize: '18px'};
  
  React.render(&lt;div style={divStyle}&gt;Hello World!&lt;/div&gt;, mountNode);
  </code></pre>
  
  <p>How can I combine multiple objects and assign them together?  </p>