Make an App component that contains the other bits

mgdm · Jun 1, 2015 · ff224a2 · ff224a2
1 parent 6b43550
commit ff224a2
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -1,8 +1,7 @@
 <!doctype html>
 <html>
     <body>
-        <div id="sendMessageBox"></div>
-        <div id="messages"></div>
+        <div id="content"></div>
 
         <script src="output.js"></script>
     </body>

diff --git a/main.js b/main.js
@@ -68,10 +68,21 @@ var SendMessage = React.createClass({
     }
 });
 
-React.render(
-    <MessageList />, document.getElementById('messages')
-);
+var App = React.createClass({
+    render: function() {
+        return (
+            <div>
+                <div>
+                    <SendMessage />
+                </div>
+                <div>
+                    <MessageList />
+                </div>
+            </div>
+        );
+    }
+});
 
 React.render(
-    <SendMessage />, document.getElementById('sendMessageBox')
+    <App />, document.getElementById('content')
 );