From 353bd6e1ab3519379b5775a522bef4bcc92063e1 Mon Sep 17 00:00:00 2001
From: arshiam2 <arshiam2@illinois.edu>
Date: Wed, 3 Oct 2018 11:15:44 -0500
Subject: [PATCH] init

---
 src/App.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index 173fbd3..8af6dd8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -13,12 +13,16 @@ class App extends Component {
     ]
   };
 
+  handleDelete = event => {
+    console.log("DELETE");
+  };
+
   handleChange = event => {
     this.setState({ newTodo: event.target.value });
   };
 
   handleSubmit = event => {
-    event.preventDefault()
+    event.preventDefault();
     this.setState({
       todos: [...this.state.todos, this.state.newTodo],
       newTodo: ""
@@ -30,7 +34,12 @@ class App extends Component {
       <div>
         <h1> How to make boba at home</h1>
         {this.state.todos.map(todo => (
-          <li key={todo}> {todo}</li>
+          <div>
+            <li key={todo}>
+              {todo + " "}
+              <button onClick={this.handleDelete()}>X</button>
+            </li>
+          </div>
         ))}
 
         <form onSubmit={this.handleSubmit}>