Передача числа компоненту

Я пытаюсь передать число в компонент React, но он обрабатывается как строка (jsfiddle). Как заставить React понять, что я передаю номер? Должен ли я передать строку в число в компоненте?

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 contents will be replaced with your component. -->
</div>

Ответы

Ответ 1

Кажется, что в случае целых чисел (и фактически для строк также) я должен передавать числа через {} следующим образом:

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