use label element to click task checkbox easily, rather than div

tak-onda · Mar 27, 2024 · 76491d2 · 76491d2
1 parent df661bc
commit 76491d2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -53,10 +53,10 @@ function App() {
           </label>
           <hr />
           {views.map((task) => (
-            <div key={task.id}>
+            <label key={task.id} style={{ display: 'block' }}>
               <input type="checkbox" checked={task.done} onChange={() => onCheck(task)} />
               {task.done ? <s>{task.name}</s> : task.name}
-            </div>
+            </label>
           ))}
         </>
       )}