response-beautiful-dnd выдает ошибку при заказе во второй раз - PullRequest
Новая
       27

response-beautiful-dnd выдает ошибку при заказе во второй раз

0 голосов
/ 11 февраля 2020

У меня есть бин, следуя официальному руководству по реакции-beautiful-dnd с egghead.io. На уроке 5 с сохранением переупорядочения моя реализация все время выдает ошибку, но только во второй раз, когда я пытаюсь изменить порядок верхнего элемента. Это работает нормально, когда я переупорядочиваю в первый раз.

Это моя ветка, указывающая c на этот вопрос: https://github.com/bogdan-marian/my-react-beautiful-dnd/tree/002-property-id-question

Ошибка, которую я получаю, когда я Порядок во второй раз: 

TypeError: Cannot read property 'id' of undefined
src/Column.js:31 

# and row 31 shows
<Task key={task.id} task={task} index={index} />)}

Я не могу определить, что не так с моей реализацией.

1 Ответ

0 голосов
/ 11 февраля 2020

Я нашел проблему. В моих исходных данных была опечатка. js

У моей второй задачи был идентификатор taks-2 вместо task-2. Столбцы с другой стороны были установлены, чтобы указывать на task-2. Вот так выглядели исходные данные перед исправлением 

const initialData = {
tasks: {
    'task-1': {id: 'task-1', content: 'Take out the garbage'},
    'task-2': {id: 'taks-2', content: 'Watch my favorite show'},
    'task-3': {id: 'task-3', content: 'Charge my phone'},
    'task-4': {id: 'task-4', content: 'Cook dinner'},
},
columns: {
    'column-1':{
        id:'column-1',
        title:'To do',
        taskIds:['task-1','task-2', 'task-3', 'task-4']
    }
},

// Facilitate reordering of the columns
columnOrder:['column-1']

}

Все, что мне нужно было сделать, это обновить идентификатор моей второй задачи до task-2.

...