# State hook
React.org - Hook
해당글은 React공식문서를 바탕으로 쓰여진 것이며 그외에 참고한 문서는 따로 Reference를 쓰도록하겠다. Hook Hook이란? 정의 함수 컴포넌트에서 React state와 lifecycle features을 "연동(hook into)"할 수 있게 해주는 함수 class안에서는 작동 안한다. React 16.8버젼에 새로 추가 되었다.(이후 모든 패키지를 업그레이드해야한다.) built-in Hooks State Hook 예제코드 * state 변수 선언* 클래스에서는 constructor안에서 this.state를 설정하고 초기화 했지만 함수 컴포넌트에서는 이게 불가능하기 때문에 useState를 컴포넌트에 호출하여 State를 설정하
[React #10] React Hooks로 함수형, state 효율적으로 쓰기(feat.useState())
Hooks 개발 배경 React의 Class형 컴포넌트로 모든 프로그래밍을 하던 시절, 개발자들은 React팀에 다음과 같은 feedback을 던진다. "Class형은 컴포넌트 간 재사용하기 어려워요!" "Class형은 복잡하고 테스트하는데 시간을 많이 잡아먹어요!" "Class형은 많은 개발자들이 혼란을 겪고, 버그도 엄청 많이 나와요!" => 이러한 피드백을 반영해 React팀은 React 16.8+ 버전에서 'Hooks'을 선보였다. Hooks의 등장으로 간단한 함수형 컴포넌트만으로 클래스형 컴포넌트로만 할 수 있었던 온갖 아름다운 동작들을 구현할 수 있게 되었다! Hooks > React Hooks는 함수에서 컴포넌트의 내부 states와 post-rendering side effetcts를 관리할 수 있게 해주었다. Hooks는 클래스 안에서는 작동하지 않는다. 함수형 컴포넌트와 hooks는 클래스 컴포넌트의 대체제가 아니라, "선택사항"
[CS] React State & Props Day-21
React 함수 컴포넌트 (React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있습니다. React Component에 props를 전달할 수 있습니다. State란? 살면서 변할 수 있는 값을 뜻합니다. (일반적으로 상태)라고 얘기합니다. 컴포넌트 사용 중 변할 수 있는 값 State hook, useState React에서는 state를 다루는 방법 중 하나로 useState라는 특별한 함수를 제공합니다. useState를 사용하기 위해서는 React로부터 useState를 불러와야 합니다. (import 키워드를 통해) import 후 useState를 컴포넌트 안에서 호출해 줍니다. useState를 호출한다는 것은 "state"라는 변수를 선언하는 것과 같으며, 이 변수의 이름은 아무렇게나 지어도 됩니다. state 변수는 React에 의해 함수가 끝나도 사라지지 않습니다. *