공부블로그

이거땜에 ㄹㅇ 하루종일 삽질을 해버렷다... todo list에서 분명 항목을 삭제했는데 수정하려고 클릭하면 계속 다른 값이 나오는 문제였다....왜냐면 코드가 이랫기 때문... //props로 받은 todoItem const Item = ({ todoItem, index } : Props) => { ... const [updateText, setUpdateText] = useState(todoItem.title) console.log('todoItem,title : ',todoItem.title ) console.log('updateText : ',updateText) } 변경된 todoItem이 전혀 반영되지 않는다 props를 useState에 할당하면 안되는 이유 useState는 최초 한번만 호..

Hooks는 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공한다. 리액트 내장 Hooks를 사용하는 방법을 배우고 커스텀 Hooks를 만들어보자. 8. 1 ) useState useState는 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있도록 해준다. ( 3장에서 배움 ) Counter. js import React, { useState } from "react"; const Counter = () => { const [value, setValue] = useState(0); return ( 현재 카운터 값은 {value}입니다. setValue(value + 1)}>+1 // value값 업데이트 setValue(val..