반응형 상태를 끌어올려 공유1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 74 (함수형 컴포넌트의 상태, 상태를 끌어올려 공유) 목차함수형 컴포넌트의 상태상태를 끌어올려 공유오늘 하루를 돌아보며 함수형 컴포넌트의 상태함수형 컴포넌트의 상태(State) 관리함수형 컴포넌트는 useState 훅을 사용하여 상태를 관리한다. useState는 배열을 반환하며, 첫 번째 값은 현재 상태 값, 두 번째 값은 상태를 업데이트하는 함수다. 배열 구조 분해 할당을 사용하면 아래와 같은 형태로 간편하게 선언할 수 있다.const [state, setState] = useState(초기값) 상태 업데이트와 렌더링상태를 업데이트하려면 setState 함수에 새로운 값을 전달해야 한다. setState가 실행되면 리액트는 해당 컴포넌트를 다시 렌더링한다. 리액트의 렌더링 과정은 다음 3단계로 이루어진다.렌더 트리거: 초기 렌더링이 일어나거나 setSt.. 2025. 8. 19. 이전 1 다음 반응형