[React] React Hooks①: useState


[React] React Hooks①: useState

React Hooks란? React Hooks는 React 16.8 버전에 새로 추가된 기능으로 쉽게 이야기하면 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있게 해주는 기능입니다. 기존의 함수형 컴포넌트는 클래스형 컴포넌트에서 상태(state)나 생명주기(life cycle)를 다룰 수 없는 문제가 있었지만 hooks가 출시되면서 문제가 해결되었습니다. 현재 리액트 공식문서에서는 클래스형 컴포넌트보다 함수형 컴포넌트로 새로운 리액트 프로젝트를 만들기를 권장하고 있습니다. 그래서 이번 글에서는 React Hooks에서 상태를 관리할 수 있게 해주는 useState를 소개해드리려고 합니다. 다른 React Hooks에 대해서는 추가 포스팅으로 다루도록 하겠습니다. useState 사용법 useState는 리액트 컴포넌트에 state 변수를 추가하는 훅입니다. 먼저 기본 사용법에 대해서 알아보겠습니다. const [state, setState] = useState(initia...


#hooks #react #state #useState #리액트

원문링크 : [React] React Hooks①: useState