반응형
localStorage 값 저장하기
-
Todo App 최적화FrontEnd/React 2023. 11. 23. 22:00
List 컴포넌트 분리하기 components 이하 List.js 파일을 생성합니다. 함수형 컴포넌트를 생성합니다. Lists.js 파일에서 UI 부분과 함수를 List 컴포넌트로 이동합니다. Lists 컴포넌트에서 List 컴포넌트를 import하고 props를 내려줍니다. List 컴포넌트에서 props를 받아옵니다. List.js import React from "react"; const List = ({ id, title, completed, todoData, setTodoData, provided, snapshot, }) => { const handleClick = (id) => { let newTodoData = todoData.filter((data) => data.id !== id); se..