worni's Lab.

스켈레톤 프로젝트를 설치해야 하는 경우 npx create-react-app my-app명령줄에 입력해야 합니다. npx create-react-app my-appGithub의 Facebook에 가 아닌 이유가 무엇인지 궁금합니다 npm create-react-app my-app. npx 는 npm 패키지 러너입니다(x는 아마도 eXecute를 나타냄). 일반적인 용도는 일시적으로 또는 평가판을 위해 패키지를 다운로드하고 실행하는 것입니다. create-react-app 은 프로젝트 수명 주기에서 한 번만 실행될 것으로 예상되는 npm 패키지입니다. 따라서 npx를 사용하여 단일 단계로 설치하고 실행하는 것이 좋습니다. 기본 페이지 https://www.npmjs.com/package/npx 에서 언급했..

JSON 데이터 소스를 받아들이고 정렬 가능한 테이블을 생성하는 React 구성 요소를 만들고 있습니다. 각 동적 데이터 행에는 고유 키가 할당되어 있지만 여전히 다음 오류가 발생합니다. 배열의 각 자식에는 고유한 "키" 소품이 있어야 합니다. TableComponent의 렌더링 방법을 확인하십시오. 내 TableComponent렌더링 메서드는 다음을 반환합니다. { rows } 구성 TableHeader요소는 단일 행이며 고유한 키도 할당되어 있습니다. 각 입력 은 고유 키가 있는 구성 요소에서 빌드됩니다 row.rows 그리고 TableRowItem다음과 같이 보입니다. var TableRowItem = React.createClass({ render: function() { var td = func..

일반적인 방식으로 사용할 수 있는 일부 구성 요소를 정의하는 적절한 방법을 찾으려고 합니다. 물론 부모와 자식 구성 요소 사이에 렌더링을 위한 논리가 있습니다. 이 논리 의 예로 상상할 수 있습니다 . 이것은 질문의 목적을 위한 더미 구현입니다. 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스프레드에 포함됩니다. 따라서 이것이 나..