반응형

ReactHook 2

ReactJS _ useState()

React.useState()는 React Hook 중 하나로, 함수형 컴포넌트에서 상태(State)를 관리할 수 있도록 도와줍니다. 이전에는 클래스형 컴포넌트에서만 상태를 관리할 수 있었지만, useState()가 도입됨으로써 함수형 컴포넌트에서도 쉽게 상태를 사용할 수 있게 되었습니다. useState()는 컴포넌트의 랜더링을 트리거하며, 컴포넌트 내의 데이터 변화를 관리하는 핵심적인 도구입니다.  useState() 함수의 기본 구조state : 현재 상태 값setState : 상태를 업데이트하는 함수initialValue : 상태의 초기값으로 문자열, 숫자, 객체, 배열 등 모든 값이 될 수 있음const [state, setState] = React.useState(initialValue);fu..

ReactJS _ React Hook 이란?

Hook은 React 16.8버전에서 도입된 기능으로, 함수형 컴포넌트에서 상태(state)와 라이프사이클 기능을 사용할 수 있게 해줍니다. Hook은 React의 핵심 기능 중 하나로, 함수형 컴포넌트에서도 클래스형 컴포넌트처럼 상태를 관리하거나, 컴포넌트의 생명주기를 처리할 수 있도록 합니다. 대표적인 Hook으로는 useState(), useEffect(), useContext() 등이 있으며, 이를 통해 코드의 가독성을 높이고 재사용 가능한 로직을 작성할 수 있습니다.  Hook의 특징함수형 컴포넌트 전용 : Hook은 클래스형 컴포넌트에서는 사용할 수 없습니다.상태 및 라이프사이클 관리 : useState()로 상태 관리, useEffect()로 라이프사이클 이벤트를 처리할 수 있습니다.재사용 ..

반응형