목록리액트 useState (1)

열정 실천

[React] useState 사용법 (+ 배열 or 객체 state 값 변경)

useState란? 함수형 컴포넌트 안에서 상태 관리를 하기 위한 Hook 🐾 State 특징 변수 대신 쓰는 데이터 저장 공간 문자, 숫자, array, object 다 저장 가능 State for WebApp : state는 변경되면 html이 자동으로 재렌더링 됨! 자주 바뀌거나 중요한 데이터들은 state에 저장 🔊 사용 방법 우선 useEffect hook을 사용하기 위해서 import 해준다. import useState from 'react'; // import 1. 선언하기 let[name, setName] = useState('내용'); 첫 번째 인자 : 값을 저장할 변수 두 번재 인자 : 변수를 변경하기 위한 함수 2. 변경하기 setName('state값 변경'); 이처럼 state의..
개발 공부/React 2023. 7. 28. 00:19
이전 Prev 1 Next 다음