![[ react ] documentation hooks ( 18.2.0 )](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FddtmZU%2FbtsJwPg1v0m%2FAAAAAAAAAAAAAAAAAAAAAPpibzyCa4_Eic1SquBaB0tZuRCy-HCUu2MLLIwJqTLU%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3Dtoe7d8rTlw5NYEjtb4TkQGUaPfk%253D)
Frontend/react2024. 9. 10. 18:33[ react ] documentation hooks ( 18.2.0 )
State HooksState 를 사용하면 컴포넌트가 사용자 입력과 같은 정보를 "기억" 할 수 있습니다. 예를 들어 , form 컴포넌트는 state를 사용하여 입력 값을 저장하고 , 이미지 갤러리 컴포넌트는 state를 사용하여 선택한 이미지의 인덱스를 저장할 수 있습니다.function ImageGallery() { const [index, setIndex] = useState(0); // ... Context Hookscontext 를 사용하면 컴포넌트가 prop으로 전달하지 않고 멀리 떨어진 부모로부터 정보를 받을 수 있습니다. 예를 들어 , 앱의 최상위 컴포넌트는 아무리 깊이 있떠라도 현재 UI 테마를 아래의 모든 컴포넌트에 전달할 수 있습니다.function Button() ..