Render to a div inside body instead of body directly

swbullis · aomader · commit 3f440e7d0aaa · 2016-12-12T22:00:40.000+01:00
Fixes #7.
diff --git a/index.html b/index.html
@@ -10,5 +10,6 @@
   </head>
 
   <body>
+    <div id="app"></div>
   </body>
 </html>
diff --git a/scripts/main.js b/scripts/main.js
@@ -3,5 +3,5 @@ import ReactDOM from 'react-dom';
 import Main from '../views/main.jsx';
 
 window.onload = function(){
-  ReactDOM.render(<Main />, document.body);
+  ReactDOM.render(<Main />, document.getElementById('app'));
 }

-Original file line number
+Diff line change
   </head>
   <body>
 +    <div id="app"></div>
   </body>
 </html>
Original file line number	Diff line number	Diff line change
`@@ -3,5 +3,5 @@ import ReactDOM from 'react-dom';`
`3`	`3`	`import Main from '../views/main.jsx';`
`4`	`4`
`5`	`5`	`window.onload = function(){`
`6`		`- ReactDOM.render(<Main />, document.body);`
	`6`	`+ ReactDOM.render(<Main />, document.getElementById('app'));`
`7`	`7`	`}`