Fix rendering to body warning in example projects.

dmdemeul · dmdemeul · commit f264c49518d0 · 2015-10-23T14:59:34.000-04:00
diff --git a/examples/browserify-gulp-example/src/app/app.jsx b/examples/browserify-gulp-example/src/app/app.jsx
@@ -12,8 +12,8 @@
   //https://github.com/zilverline/react-tap-event-plugin
   injectTapEventPlugin();
 
-  // Render the main app react component into the document body.
+  // Render the main app react component into the app div.
   // For more details see: https://facebook.github.io/react/docs/top-level-api.html#react.render
-  React.render(<Main />, document.body);
+  React.render(<Main />, document.getElementById('app'));
 
 })();
diff --git a/examples/browserify-gulp-example/src/www/index.html b/examples/browserify-gulp-example/src/www/index.html
@@ -11,6 +11,8 @@
 </head>
 
 <body>
+  <div id="app"></div>
+  
   <!-- This script adds the Roboto font to our project. For more detail go to this site:  http://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,300,500 -->
   <script>
     var WebFontConfig = {
diff --git a/examples/webpack-example/src/app/app.jsx b/examples/webpack-example/src/app/app.jsx
@@ -12,8 +12,8 @@
   //https://github.com/zilverline/react-tap-event-plugin
   injectTapEventPlugin();
 
-  // Render the main app react component into the document body.
+  // Render the main app react component into the app div.
   // For more details see: https://facebook.github.io/react/docs/top-level-api.html#react.render
-  React.render(<Main />, document.body);
+  React.render(<Main />, document.getElementById('app'));
 
 })();
diff --git a/examples/webpack-example/src/www/index.html b/examples/webpack-example/src/www/index.html
@@ -11,6 +11,8 @@
 </head>
 
 <body>
+  <div id="app"></div>
+
   <!-- This script adds the Roboto font to our project. For more detail go to this site:  http://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,300,500 -->
   <script>
     var WebFontConfig = {
