[리액트/hook] useState, useEffect


[리액트/hook] useState, useEffect

useStateuseState는 가장 기본적인 Hook이며, 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해준다.useState로 초기값을 설정 한 후,setValue를 만들어서 함수를 이용해 값을 변경한 후 저장 할 수 있다.useState를 사용해서 숫자 카운터를 구현해 보자.useState 여러번 사용하기useState를 여려개 만들어서,값들을 저장할 수 있다. eg) name, nickNameonChange핸들러를 만들어,입력된 것이 있으면 (e.target.value 이용), 그 값을 name 혹은 nickName에 저장해 준다.useEffectuseEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook이다.useEffect를 사용하고,콘솔에 어떻게 출력되는지..........



원문링크 : [리액트/hook] useState, useEffect