input field

Author: rwieruch

src/App.js

@@ -0,0 +1,43 @@
+import React, { useState } from 'react';
+
+const initalTodos = [
+  {
+    id: 'a',
+    task: 'Learn React',
+    complete: true,
+  },
+  {
+    id: 'b',
+    task: 'Learn Firebase',
+    complete: true,
+  },
+  {
+    id: 'c',
+    task: 'Learn GraphQL',
+    complete: false,
+  },
+];
+
+const App = () => {
+  const [task, setTask] = useState('');
+
+  const handleChangeInput = event => {
+    setTask(event.target.value);
+  };
+
+  return (
+    <div>
+      <ul>
+        {initalTodos.map(todo => (
+          <li key={todo.id}>
+            <label>{todo.task}</label>
+          </li>
+        ))}
+      </ul>
+
+      <input type="text" value={task} onChange={handleChangeInput} />
+    </div>
+  );
+};
+
+export default App;