# Unable to reorder items using react-beautiful-dnd

**URL:** <https://forum.freecodecamp.org/t/unable-to-reorder-items-using-react-beautiful-dnd/443498>\
**Category:** Curriculum Help\
**Tags:** javascript\
**Created:** [January 30, 2021, 6:13pm UTC](https://forum.freecodecamp.org/t/unable-to-reorder-items-using-react-beautiful-dnd/443498 "2021-01-30T18:13:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Amol-Shrivastava](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/amol-shrivastava/32/179389_2.png) [@Amol-Shrivastava](https://forum.freecodecamp.org/u/Amol-Shrivastava)\
**Post date:** [January 30, 2021, 6:13pm UTC](https://forum.freecodecamp.org/t/unable-to-reorder-items-using-react-beautiful-dnd/443498/1 "2021-01-30T18:13:25Z")

</div>

hi guys,[Github\_Link](https://github.com/Amol-Shrivastava/Todo-App/tree/master/src) this is my code for react beautiful dnd. In it [Code\_with\_problem](https://github.com/Amol-Shrivastava/Todo-App/blob/master/src/components/TodoList.js) when i am creating a `finalList` state so that i can drag and drop any item at desired place it is not getting the items from the previous array `filteredArr` and is remaining empty in `react-component` also i am not able to reordering properly. How can i solve this problem. All the problematic code is `quoted`

---

<div class="post-metadata">

**Author:** ![Amol-Shrivastava](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/amol-shrivastava/32/179389_2.png) [@Amol-Shrivastava](https://forum.freecodecamp.org/u/Amol-Shrivastava)\
**Post date:** [January 31, 2021, 8:18pm UTC](https://forum.freecodecamp.org/t/unable-to-reorder-items-using-react-beautiful-dnd/443498/2 "2021-01-31T20:18:44Z")

</div>

hi guys, this is my project [https://kind-wing-525a15.netlify.app/](https://kind-wing-525a15.netlify.app/) and this is the link to my my git hub repo [GitHub - Amol-Shrivastava/Todo-App: This is todo app created using React framework](https://github.com/Amol-Shrivastava/Todo-App) , I want to include reordering of todos using react-beautiful-dnd but i am not able to do so and so if commented the problematic code

---

<div class="post-metadata">

**Author:** ![ArielLeslie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/arielleslie/32/264841_2.png) [@ArielLeslie](https://forum.freecodecamp.org/u/ArielLeslie)\
**Post date:** [February 1, 2021, 3:45pm UTC](https://forum.freecodecamp.org/t/unable-to-reorder-items-using-react-beautiful-dnd/443498/3 "2021-02-01T15:45:15Z")

</div>

Please do not create multiple forum topics for the same question. I have merged your topics.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [August 3, 2021, 3:45am UTC](https://forum.freecodecamp.org/t/unable-to-reorder-items-using-react-beautiful-dnd/443498/4 "2021-08-03T03:45:54Z")

</div>

Closed on August 3, 2021, 3:45am UTC

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.