update text's state on user input

dist/index.html

@@ -14,7 +14,6 @@ <h1>Movie List</h1>
     <div id="app">
 
     </div>
-
     <script src="bundle.js" charset="utf-8"></script>
   </body>
 </html>

src/components/App.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import Search from './Search.js';
 import '../main.css';
 
 var movies = [
@@ -10,15 +11,44 @@ var movies = [
 ];
 
 class App extends React.Component {
+  constructor(props){
+    super(props)
+    this.state = {
+      movies: movies,
+      text: ''
+    }
+    this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleText = this.handleText.bind(this);
+
+  }
+
+  handleSubmit() {
+
+  }
+
+  handleText (e) {
+    this.setState({ text: e.target.value });
+  }
+
+
   render(){
     return(
-    <div>
-      <div className="title">{movies[0].title}</div>
-      <div className="title">{movies[1].title}</div>
-      <div className="title">{movies[2].title}</div>
-      <div className="title">{movies[3].title}</div>
-      <div className="title">{movies[4].title}</div>
-    </div>
+      <div>
+        <nav className="navbar">
+          <div>
+          <Search
+            handleText={this.handleText}
+            handleSubmit={this.handleSubmit}/>
+          </div>
+        </nav>
+        <div className="movieList">
+          <div className="title">{movies[0].title}</div>
+          <div className="title">{movies[1].title}</div>
+          <div className="title">{movies[2].title}</div>
+          <div className="title">{movies[3].title}</div>
+          <div className="title">{movies[4].title}</div>
+        </div>
+      </div>
   )}
 }