JSX의 뛰어난 표현력을 직접 확인해보기 위해서 다음 HelloWorld와 링크 엘리먼트 예제를 살펴보자.

<div>
  <HelloWorld/>
  <br/>
  <a href="http://webapplog.com">Great JS Resources</a>
</div>

 

JSX로 작성한 이 코드를 자바스크립트로 작성하면 다음과 같다.

React.createElement(
  "div",
  null,
  React.createElement(HelloWorld, null),
  React.createElement("br", null),
  React.createElement(
      "a",
      { href: "http://webapplog.com" },
      "Great JS Resources"
  )
)