Fix rendering to body warning in example projects.

tyfoo · Oct 23, 2015 · f264c49 · f264c49
1 parent 94737a7
commit f264c49
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
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 = {