javascript - sobre - Pasando un número a un componente

la verdad sobre el colesterol pdf

Question

Estoy intentando pasar un número a un componente React pero se está jsfiddle como una cadena ( jsfiddle ). ¿Cómo hago para que React entienda que estoy pasando un número? ¿Debo lanzar la cadena a un número en el componente?

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

Parece que en el caso de los enteros (y en realidad también para las cadenas) debería pasar los números a través de {} así:

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