Full-Stack React Projects - Second Edition

Deleting a lesson

In the EditCourse page, each item rendered in the lessons list will have a delete option. The Delete button will be added in the view to each list item as follows:

mern-classroom/client/course/EditCourse.js

<ListItemSecondaryAction>     <IconButton edge="end" aria-label="up" color="primary"                 onClick={deleteLesson(index)}>           <DeleteIcon />     </IconButton></ListItemSecondaryAction>}

When the Delete button is clicked, we will take the index of the lesson that is being deleted and remove it from the lessons array. The deleteLesson function, which is called when the button is clicked, is defined as follows:

mern-classroom/client/course/EditCourse.js

const deleteLesson = index => event => {    const lessons = course.lessons lessons.splice(index, ...