컴포넌트에 번호 전달

컴포넌트에 번호 전달

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'));

다음 중 하나를 사용할 수 있습니다.

<MyComponent param1={10} param2={20} />

또는 다음 중 하나를 선택합니다.

<MyComponent {...{param1: 10, param2: 20}} />

언급URL : https://stackoverflow.com/questions/29474673/passing-a-number-to-a-component