[todo_app_11] 완성, 미완성 할일

완성된 할일, 미완성된 할일을 구분하자

_uncompleteToDo = id => {

this.setState(prevState => {

const newState = {

...prevState,

toDos: {

...prevState.toDos,

[id]: {

...prevState.toDos[id],

isCompleted: false

}

}

};

this._saveToDos(newState.toDos);

return { ...newState };

});

};

_completeToDo = id => {

this.setState(prevState => {

const newState = {

...prevState,

toDos: {

...prevState.toDos,

[id]: { ...prevState.toDos[id], isCompleted: true }

}

};

this._saveToDos(newState.toDos);

return { ...newState };

});

};

state를 쓰지 않으니, toggle completed 함수를 수정

_toggleComplete = (event) => {

event.stopPropagation();

const { isCompleted, uncompleteToDo, completeToDo, id } = this.props;

if (isCompleted){

uncompleteToDo(id);

}else{

completeToDo(id);

}

};