기타/기타 잡다한 것들

React.createElement 메서드

제주도소년 2019. 6. 24. 17:03

React.createElement 메서드

React.createElement( String/ReactClass type, [object props], [children...] ) ->ReactElement

 

React.createElement 함수는 문자열이나 컴포넌트, props 객체, 그리고 자식 컴포넌트들을 인수로 전달받아 리액트 요소를 리턴한다. 리액트 요소는 리액트를 이용해 렌더링하고자 하는 뭔가를 표현하는 경량의 요소임.

따라서 이 요소는 DOM 요소를 가리킬 수도 있고 또 다른 리액트 컴포넌트를 가리킬 수도 있음.

 

  • type 매개 변수 : 생성할 HTML 요소의 태그 이름을 문자열로 전달하거나 리액트 클래스를 전달하면 된다.
  • props: 속성(properties) 의 줄임말. HTML 요소에 지정될 특성을 지정하거나 컴포넌트 클래스 인스턴스에 사용할 속성들을 지정한다.
  • children : 컴포넌트를 조합 할 수 있다. 매개변수에 React.createElement 함수를 중첩 호출할 수 있다.

 

아래 소스를보면 이해하는데 도움이 될 것임.

 

'기타 > 기타 잡다한 것들' 카테고리의 다른 글

setInterval 예제  (0) 2019.10.31
ReactClass  (0) 2019.06.24
[JAVASCRIPT] 모멘텀 클론코딩 5  (0) 2019.05.30
[JAVASCRIPT] 모멘텀 클론코딩 4-3  (0) 2019.05.30
[JAVASCRIPT] 모멘텀 클론코딩 4-2  (0) 2019.05.29