#9 React - 리스트 렌더링, 데이터 추가, 삭제, 수정 - React로 투두리스트 만들기(1)

오늘은 React로 투두리스트를 만들어보며 리스트 렌더링, 데이터 추가, 데이터 삭제, 데이터 수정하는 방법에 대해 정리해보려고 한다! 0.

데이터 추가하기 먼저 사용자가 투두리스트에 투두를 입력하면 입력한 투두를 표시하는 코드를 구현해보자. 일단 사용자가 투두를 입력하는 코드를 구현해보자. // Edit.js 파일 import React, { useState } from "react"; const Edit = () => { // 사용자 입력 처리 state const [todos, setTodos] = useState(""); // 사용자 입력 상태 변화 const onChange = (e) => { setTodos(e.target.value); }; return ( 추가