JSX는 ECMAScript의 XML과 비슷한 문법 확장입니다. 간단히 말하면
*React.createElement()
함수를 더 쉽게 사용할 수 있도록 도와주며, JavaScript
의 표현 방식과 HTML
과 비슷한 템플릿 문법을 제공합니다.*
아래 예시에서는 <h1> 태그 내부의 텍스트가 JavaScript 함수로 render 함수에게 반환됩니다.
class App extends React.Component {
render() {
return (
<div>
<h1>{'Welcome to React world!'}</h1>
</div>
);
}
}