{this.props.children}에 props을 전달하는 방법

일반적인 방식으로 사용할 수 있는 일부 구성 요소를 정의하는 적절한 방법을 찾으려고 합니다. 물론 부모와 자식 구성 요소 사이에 렌더링을 위한 논리가 있습니다. 이 논리 의 예로 상상할 수 있습니다 . 이것은 질문의 목적을 위한 더미 구현입니다. var Parent = React.createClass({ doSomething: function(value) { }, render: function() { return ({this.props.children}); } }); var Child = React.createClass({ onClick: function() { this.props.doSomething(this.props.value); // doSomething is undefined }, render:..

React JSX 내부 루프

React JSX(ObjectRow는 별도의 구성 요소임)에서 다음과 같은 작업을 수행하려고 합니다. for (var i=0; i < numrows; i++) { } JSX가 함수 호출에 매핑되기 때문에 이것이 유효한 JSX가 아닌 이유를 깨닫고 이해합니다. 그러나 템플릿 랜드에서 왔고 JSX를 처음 사용하기 때문에 위의 사항을 어떻게 달성할지 잘 모르겠습니다(컴포넌트를 여러 번 추가). JavaScript 함수를 호출하는 것처럼 생각하십시오. for함수 호출에 대한 인수가 이동 하는 루프를 사용할 수 없습니다 . return tbody( for (var i = 0; i < numrows; i++) { ObjectRow() } ) 함수 가 구문 오류로 이어지는 루프를 인수로 tbody전달하는 방법을 확인..