3.2.1 JSX로 React 엘리먼트 생성하기

JSX로 React 엘리먼트 객체를 생성하는 것은 간단하다. 예를 들어 다음 예제 코드처럼 자바스크립트를 작성하는 대신 JSX를 작성할 수 있다. 다음 중 name은 ‘h1’처럼 HTML 태그명을 담은 문자열이거나 HelloWorld 같은 컴포넌트 객체다.

React.createElement(
  name,
  {key1: value1, key2: value2, ...},
  child1, child2, child3, ..., childN
)

 

이것을 JSX로 옮기면 다음과 같다.

<name key1=value1 key2=value2 ...>
  <child1/>
  <child2/>
  <child3/>
  ...
  <childN/>
</name>