2016-09-23 8 views
1

저는 React의 이전 버전에서 이와 같은 하위 구성 요소를 만들 수 있음을 알고 있습니다.React ES6의 하위 구성 요소

var MyFormComponent = React.createClass({ ... }); 

MyFormComponent.Row = React.createClass({ ... }); 
MyFormComponent.Label = React.createClass({ ... }); 
MyFormComponent.Input = React.createClass({ ... }); 

하지만 React ES6에서 하위 구성 요소를 만드는 방법을 알고 싶습니다. 그것은

class Row Extends MyFormComponent , Component {} 

같은 구문을 사용하거나이이 방법에 대한 다른 방법으로 라운드입니까?

@Borjante은 주석으로
MyFormComponent.Row = class Row extends React.Component { ... } 

는하지만, 이것은 단지 다른 구성 요소에 따라 그룹 구성 요소에 대한 방법이며, 특별한 "하위"행동에 대해이 없다 :

+0

하위 구성 요소? 내 생각 엔 새로운 React Component (어떤 객체인지)를 만들고 다른 React.Component (다른 객체)의 키에 저장하는 것입니다. 나는 그것의 아름다움을 볼 수 없다 – Borjante

+0

당신은 대답을 위해 http://stackoverflow.com/questions/41576711/in-reactjs-how-do-i-create-subcomponent-using-extends/41577285#41577285를 참조 할 수있다. – anandharshan

답변

7

나는 당신이 찾고있는 구문은 생각 이 모든 것. 그래도 구성 요소의 이름을 지정하는 좋은 패턴이라고 생각하면 그 부분을 찾으십시오.

관련 문제