1 <! DOCTYPE HTML> 2 <HTML LANG = " EN " > 3 <head> 4 <메타 캐릭터 = " UTF-8 " > 5 <메타 NAME = " 뷰포트 " 함량 = " 폭 = 기기 폭 초기 스케일 = 1.0 " > 6 <TITLE> 문헌 </ TITLE> 7 <script의 SRC = " ../js/react.development.js " > </ script> 8 <script의 SRC = " ../js/react-dom한다. 개발.JS " > </ script> (9); 20 바르 = React.createElement VH3는 ( ' H3 ' , {ID : ' MYID ' }, MSG); // DOM을 가상 만들기 (21)이다 ReactDOM.render (VH3, document.getElementById를 ( ' TEST1이 ' )) // 실제 페이지 렌더링 (22) </ script> (23)는 24 <- 번째 방법 :! JSX 가상 DOM 요소 객체를 생성 -> 25 <script 타입 = " 텍스트 / 바벨 " > 26이다 VAR {msg.toUpperCase (VDOM = <= {} H1 MYID ID의> )} </ H1> // DOM을 생성 가상 27 (VDOM을 ReactDOM.render를 document.getElementById를 ( " TEST2 "));// 실제 페이지 렌더링 (28) </ 스크립트>