1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 <script src="../js/react.development.js"></script> 8 <script src="../js/react-dom.development.js"></script> 9; 20 Var = React.createElement VH3 ( ' H3 ' , {ID: ' MyID ' }, MSG); // Create Virtual the DOM 21 is ReactDOM.render (VH3, document.getElementById ( ' test1 ' )); // render the real page 22 </ Script> 23 is 24 <- Second way:! JSX create a virtual DOM element objects -> 25 <Script type = " text / Babel " > 26 is var VDOM = <h1 of MyID ID = {}> {msg.toUpperCase ( )} </ h1> // create virtual the DOM 27 ReactDOM.render (VDOM, document.getElementById ( " test2 "));// Render the real page 28 </ Script>
