diff --git a/content/home/examples/a-component-using-external-plugins.js b/content/home/examples/a-component-using-external-plugins.js index 48eac0b62ed..811fcdfb820 100644 --- a/content/home/examples/a-component-using-external-plugins.js +++ b/content/home/examples/a-component-using-external-plugins.js @@ -36,4 +36,7 @@ class MarkdownEditor extends React.Component { } } -ReactDOM.render(, mountNode); \ No newline at end of file +ReactDOM.render( + , + document.getElementById('external-plugin-example') +); diff --git a/content/home/examples/a-simple-component.js b/content/home/examples/a-simple-component.js index 3efa50193f0..a40287fb69e 100644 --- a/content/home/examples/a-simple-component.js +++ b/content/home/examples/a-simple-component.js @@ -8,7 +8,8 @@ class HelloMessage extends React.Component { } } + ReactDOM.render( , - mountNode -); \ No newline at end of file + document.getElementById('simple-component') +); diff --git a/content/home/examples/a-stateful-component.js b/content/home/examples/a-stateful-component.js index 55c9d339736..5f7122878fc 100644 --- a/content/home/examples/a-stateful-component.js +++ b/content/home/examples/a-stateful-component.js @@ -27,4 +27,7 @@ class Timer extends React.Component { } } -ReactDOM.render(, mountNode); \ No newline at end of file +ReactDOM.render( + , + document.getElementById('stateful-component') +); diff --git a/content/home/examples/an-application.js b/content/home/examples/an-application.js index e164c4b0acd..c082f00a514 100644 --- a/content/home/examples/an-application.js +++ b/content/home/examples/an-application.js @@ -60,4 +60,7 @@ class TodoList extends React.Component { } } -ReactDOM.render(, mountNode); +ReactDOM.render( + , + document.getElementById('application') +);