v2 Delta 2.2

fixed the serial number issue. Now serial numbers will come from the index of that element rather than the id

Author: yunusparvezkhan

src/components/TaskCard.js

@@ -1,10 +1,11 @@
 import React from 'react';
 
-const TaskCard = ({ task, deleteTaskById }) => {
+const TaskCard = ({ task, deleteTaskById, slnum }) => {
     return (
         <div>
-            <div className='book-show' key={task.id}>
-                {task.id}. {task.title}
+            <div className='book-show'>
+                <b>{slnum}. </b>
+                {task.title}
                 <button onClick={() => deleteTaskById(task.id)}>delete</button>
             </div>
         </div>

src/components/TaskList.js

@@ -2,10 +2,10 @@ import React from 'react';
 import TaskCard from './TaskCard';
 
 const TaskList = ({ tasks, deleteTaskById }) => {
-    const renderTask = tasks.map((task) => {
+    const renderTask = tasks.map((task, index) => {
         return (
             // <div key={task.id}>{task.id}. {task.title}</div>
-            <TaskCard key={task.id} task={task} deleteTaskById={deleteTaskById} />
+            <TaskCard key={task.id} task={task} slnum={index + 1} deleteTaskById={deleteTaskById} />
         )
     })
     return (