Почему axios не удаляет элементы из моей переменной?

Question

Я хочу удалить все выполненные задачи в моем списке задач. В коде я назначаю все выполненные задачи переменной «выполнено». Далее я хочу удалить выполненные задачи с сервера, используя axios.

removeItems = (event) => {
    event.preventDefault();
    let completed = [];
    this.setState(prevState => {
        return {
            todos: prevState.todos.filter(todo => {
                if (todo.completed == true) {
                    completed.push(todo)
                }
                return !todo.completed;
            })
        }
    })
    console.log(completed);
    const remove = completed.map(async (todo) => {
        await Axios.delete(`http://localhost:8000/todoes_destroy/{id}/`)
    })
}

Answer 1

Я изменил код и теперь он работает. Это решение,

removeItems = async (event) => {
               event.preventDefault();
               const completed = this.state.todos.filter(todo => {
                   return todo.completed
               });

               const remove = completed.map( async (todo) => {
                       console.log(todo);
                       await Axios.delete(`http://localhost:8000/todoes_destroy/${todo.id}/`)
                   }
               )

                const {data} = await Axios.get('http://127.0.0.1:8000/todoes_read/', {
                 })
                this.setState({todos : data})

    }