더북(TheBook)

4.2.1 todos 상태 만들기

todos 상태는 App 컴포넌트에서 만들겠습니다. 기본으로 보여줄 할일 항목 세 가지도 배열 안에 추가합니다.

App.js

import React, {useState} from 'react';
(...)

function App() {
    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: 할일의 완료 여부를 나타내는 값

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.