Обновление работает! Но? Добавлен новый пустой элемент. Кто-нибудь знает решение этого? Извините, у меня нет опыта работы с React.

Вот коды и скриншоты;

To-do-list.js

<Button onClick={() => props.updateTask(data.id)} size="small" color="primary">Mark Completed</Button>

App.js

const handleUpdateTask = (id) => {
    setTodos((previousData =>
        [
            ...previousData,
            todos[id]["title"] = "update?"
        ]
    ))
}

Перед нажатием; введите описание изображения здесь

И после нажатия; введите описание изображения здесь

0
Dodiş 4 Май 2021 в 01:18

1 ответ

Лучший ответ

Вы используете крючок useState? если да, то как насчет этого:

const handleUpdateTask = (id) => {
    setTodos(todos.map(todo => todo.id === id ? {...todo, completed: true} : todo);
}

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

1
DSPdav 3 Май 2021 в 22:30