4.2.1 todos 상태 만들기
todos 상태는 App 컴포넌트에서 만들겠습니다. 기본으로 보여줄 할일 항목 세 가지도 배열 안에 추가합니다.
App.js
import React, {useState} from 'react'; (...) function () { const today new Date(); const [todos, setTodos] = useState([ {id: 1, text: '작업환경 설정', done: true}, {id: 2, text: '리액트 네이티브 기초 공부', done: false}, {id: 3, text: '투두리스트 만들어보기', done: false}, ]); (...)
우리가 사용할 할일 항목을 가리키는 객체는 다음 값을 지닙니다.
• id: 각 항목의 고유 ID 값
• text: 화면에서 보여줄 text 값
• done: 할일의 완료 여부를 나타내는 값