title: Passing a number to a component
body: <p>I am trying to pass a number to a React component but it is getting parsed as string (<a href="http://jsfiddle.net/utj7qprh/2/" rel="noreferrer">jsfiddle</a>). How do I make React understand that I am passing a number? Should I cast the string to a number in the component?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var Rectangle = React.createClass({
     
      render: function() {
  
          return &lt;div&gt;
              &lt;div&gt;{this.props.intValue + 10}&lt;/div&gt;
              &lt;div&gt;{this.props.stringValue + 10}&lt;/div&gt;
          &lt;/div&gt;;
      }
  });
   
  React.render(&lt;Rectangle intValue="10" stringValue="Hello" /&gt;
      , document.getElementById('container'));</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://facebook.github.io/react/js/jsfiddle-integration.js"&gt;&lt;/script&gt;
  
  &lt;div id="container"&gt;
      &lt;!-- This element's contents will be replaced with your component. --&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>