[todo_app_9] 디스크에서 할일목록 관리하기 2

<TextInput

style={styles.input}

placeholder={"New To Do"}

value={newToDo}

onChangeText={this._crontollNewToDo}

placeholderTextColor={"#999"}

returnKeyType={"done"}

autoCorrect={false}

onSubmitEditing={this._addToDo}

underlineColorAndroid={"transparent"}

/>

저장하는 함수를 생성하기

todo를 state에서 가져오고, todo가 비어있지 않다면 무언가를 해야함.

_addToDo = () => {

const { newToDo } = this.state;

if (newToDo !== "") {

    this.setState({

newToDo: ""

});

});

}

};

뭔가를 쓰고, 리턴하면 인풋창이 비워지게된다.

id로 입력되고, 그 안에 텍스트, isCompleted, date등이 저장되게 모델링하고싶음.

_addToDo = () => {

const { newToDo } = this.state;

if (newToDo !== "") {

this.setState(prevState => {

const ID = uuidv1();

const newToDoObject = {

[ID]: {

id: ID,

isCompleted: false,

text: newToDo,

createdAt: Date.now()

}

};

const newState = {

...prevState,

newToDo: "",

toDos: {

...prevState.toDos,

...newToDoObject

}

};

this._saveToDos(newState.toDos);

return { ...newState };

});

}

};

...를 통해서 기존의 목록과합쳐준다.

id는 npm install uuid --save 뒤 

import uuidv1 from "uuid/v1";