removed form

src/components/GroceryList/index.js

@@ -13,18 +13,31 @@ function GroceryList () {
         setList(newList)
     }
 
+    const handleCheck = () => { 
+
+    }
+
     console.log("LIST     ", list)
     console.log(item)
 
     return (
         <div>
             <h1>Grocery List</h1>
-            <form onSubmit={handleSubmit}>
+        
                 <input type="text" placeholder="Input" value={item} onChange={updateItem}  >
                 </input>
 
-                <button type="submit">Add Item</button>
-            </form>
+                <button onClick={handleSubmit} type="submit">Add Item</button>
+    
+            <div>
+                {list.map((item, idx) => (
+                    <div key={idx}>
+                        <input type="checkbox" value={item} onChange={handleCheck} />
+                        <p>{item}</p>
+                    </div>
+
+                ))}
+            </div>
         </div>
     )
 }