Chuyển một số vào một thành phần

Question

Tôi đang cố gắng chuyển một số tới thành phần React nhưng nó được phân tích thành chuỗi (jsfiddle). Làm cách nào để React hiểu rằng tôi đang chuyển một số? Tôi có nên bỏ chuỗi vào một số trong thành phần không?

var Rectangle = React.createClass({ 
 
    
 
    render: function() { 
 

 
     return <div> 
 
      <div>{this.props.intValue + 10}</div> 
 
      <div>{this.props.stringValue + 10}</div> 
 
     </div>; 
 
    } 
 
}); 
 
    
 
React.render(<Rectangle intValue="10" stringValue="Hello" /> 
 
    , document.getElementById('container'));

<script src="https://facebook.github.io/react/js/jsfiddle-integration.js"></script> 
 

 
<div id="container"> 
 
    <!-- This element's contents will be replaced with your component. --> 
 
</div>

Answer 1

Dường như trong trường hợp số nguyên (và thực sự cho các chuỗi cũng) Tôi nên đi qua những con số qua {} như vậy:

React.render(<Rectangle intValue={10} stringValue={"Hello"} />, document.getElementById('container'));