галочка у checkbox неправильно устанавливается при удалении элемента из массива TODOS

Всем привет, делаю своё первое приложение TODOS на реакт и на финальном этапе выскочил неприятный баг со стилями который уже замучился исправлять. В общем при добавлении нового элемента в массив todos и последующим его удалении всё работает хорошо. Так же всё работает при клике на checkbox, а именно устанавливается галочка и зачёркивается текст. Это я реализовал с помощью вот этого кода в компоненте который рендерит li введите сюда описание изображения

Переключение completed в элементе todo осуществляется с помощью этого кода: введите сюда описание изображения

НО как только я поставлю галочку и удалю любой элемент из списка вылазит вот такой баг. введите сюда описание изображения

При том что свойство completed у элементов в консоли выглядит вот так : введите сюда описание изображения


Ответы (1 шт):

Автор решения: Евгений Платов
<input checked={todo.completed} onChange={onChange(todo.title)} type="checkbox"/>
→ Ссылка