我试图将一个数字传递给一个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's contents will be replaced with your component. -->
</div>
解决方法
似乎在整数(实际上也是字符串)的情况下,我应该通过{}像这样传递数字：
React.render(< Rectangle intValue = {10} stringValue = {“Hello”} />,document.getElementById(‘container’));
