반응형
useState
-
[React.js] Hooks - useState()Front-End(Web)/React - 프레임워크(React, Next) 2020. 11. 27. 22:54
🤷 state.hooks 함수형 컴포넌트에서도 클래스처럼 state를 사용할 수 있게 해주는 기능이다. (React v16.8에서 추가됨) 클래스형 컴포넌트가 지원기능은 많지만 아래같은 단점들도 분명 존재했다. 매우 난해함(생성자 함수, super(props) 등). 컴포넌트끼리의 연동이 어려움(this 개념). 많은 버그를 유발할 수 있고, 그렇기에 테스팅 시간이 길어진다. 그래서 함수형 컴포넌트에서도 state 등 기존 class 기능을 사용할 수 있도록 지원된 기능이 React Hooks다. useState(), useEffect(), useContext(), useReducer(), useRef() 등이 있다. (Hooks 종류: reactjs.org/docs/hooks-reference.html..