Merge pull request mui#1983 from davidmdem/Example_warnings_fix

[Exemple] Fix rendering to body warning in example projects.
tyfoo · Oct 23, 2015 · 6a9be42 · 6a9be42
2 parents 94737a7 + 7f54529
commit 6a9be42
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/examples/browserify-gulp-example/src/app/app.jsx b/examples/browserify-gulp-example/src/app/app.jsx
@@ -1,5 +1,6 @@
 (function () {
   let React = require('react');
+  let ReactDOM = require('react-dom');
   let injectTapEventPlugin = require('react-tap-event-plugin');
   let Main = require('./components/main.jsx'); // Our custom react component
 
@@ -12,8 +13,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);
+  ReactDOM.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
@@ -1,5 +1,6 @@
 (function () {
   let React = require('react');
+  let ReactDOM = require('react-dom');
   let injectTapEventPlugin = require('react-tap-event-plugin');
   let Main = require('./components/main.jsx'); // Our custom react component
 
@@ -12,8 +13,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);
+  ReactDOM.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 = {