Move Items between Columns with react-beautiful-dnd using onDragEnd

Share this video with your friends

Send Tweet

In this lesson we will place multiple task lists next to each other and enable movement of the tasks between the lists.

Now that our application has multiple columns, the onDragEnd callback will need to be refactored to handle more than one column. We will add some new logic to move tasks from one column to another in our state.

Jules Blom
Jules Blom
~ 5 years ago

There are some naming errors in the transcript like "finishTaskIs" which should be "finishTasksIds". Also, the variables "start" and "finish" are named "home" and "foreign" in the transcript, which are admittedly also good variables name but it's a bit confusing that they're not named the same.