[React] JSX 없이 React 사용하기. createElement

어쩌다보니 써야 할 일이 생겨서 기록으로 남긴다.
물론 리액트 공식문서에도 사용법이 잘 나와있다.

https://ko.reactjs.org/docs/react-without-jsx.html

JSX 없이 사용하는 React – React

 

코드 샘플

e('header', {className: 'custom-header'}, '타이틀'),
e('article', {className:'custom-article'}, 
	e('div', {className:'custom-div'},
    	e('span', {className:'custom-span'}, '샘플')
        ));

e는 React.createElement를 짧은 변수에 할당한것이다.
component, props, children 순으로 들어간다. className이나 attribute가 없다면 null을 입력한다.