Estoy tratando de pasar un número a un componente React pero se analiza como una cadena ( jsfiddle ). ¿Cómo hago que React entienda que estoy pasando un número? ¿Debo convertir 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>Parece que en el caso de números enteros (y en realidad también para cadenas) debería pasar los números a través de {} así:
React.render(<Rectangle intValue={10} stringValue={"Hello"} />, document.getElementById('container'));
Puedes usar:
<MyComponent param1={10} param2={20} />O:
<MyComponent {...{param1: 10, param2: 20}} />