일반적인 방식으로 사용할 수 있는 일부 구성 요소를 정의하는 적절한 방법을 찾으려고 합니다. 물론 부모와 자식 구성 요소 사이에 렌더링을 위한 논리가 있습니다. 이 논리 의 예로 상상할 수 있습니다 . 이것은 질문의 목적을 위한 더미 구현입니다. 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 사용) 코드에서 무엇 ...을 하고 무엇이라고 합니까? 그것이 재산 스프레드 표기법 입니다. ES2018에 추가되었지만(배열/이터러블에 대한 확산은 이전, ES2015), 트랜스파일을 통해 오랫동안 React 프로젝트에서 지원되었습니다(" JSX 확산 속성 "으로 속성뿐만 아니라 다른 곳에서도 할 수 있음에도 불구하고 ). {...this.props} 생성 중인 요소 props의 개별 속성으로 "자신의" 열거 가능한 속성을 퍼뜨 립니다 . Modal예를 들어, 및 가 this.props포함된 경우a: 1b: 2 와 같을 것입니다 그러나 동적이므로 "자신의" 속성이 무엇이든 props포함됩니다. children의 "자신의" 속성 이므로 props스프레드에 포함됩니다. 따라서 이것이 나..
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전달하는 방법을 확인..
내 문제는 첫 번째 파일 형식으로 이미지를 업로드하고 두 번째 파일 형식으로 표시되는 동일한 이미지보다 미리 볼 때입니다. 첫 번째 이미지가 첫 번째 파일 형식으로 표시되고 두 번째 이미지가 두 번째 파일 형식으로 표시되어야합니다. function workimage_preview(input) { if (input.files && input.files[0]) { var $input = $(input); var reader = new FileReader(); reader.onload = function(e) { $input.closest('.insert-img').find('.show-uploaded-img').attr('src', e.target.result); } reader.readAsDataURL(i..
