개발Story
article thumbnail
[React Hooks] useReducer: useState의 대체 함수
React/문법 2024. 4. 13. 16:43

설명 useReducer는 State(상태)를 관리하고 업데이트하는 Hook인 useState를 대체할 수 있는 Hook이다. 다시 말해, useReducer는 useState처럼 State를 관리하고 업데이트 할 수 있는 Hook이다. useState를 사용한 경우 : 컴포넌트 내부에 State 업데이트 로직이 존재 useReducer를 사용한 경우 : 컴포넌트 외부에 State 업데이트 로직이 존재 https://velog.io/@iamhayoung/React-Hooks-useReducer%EC%97%90-%EB%8C%80%ED%95%B4-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0 React Hooks :: useReducer에 대해 알아보기 React가 제공하는 내장 훅(Bu..

[React Hooks] useRef : 요소값 가져오기
React/문법 2022. 3. 20. 16:11

React Hook API에는 useRef라는 API 함수를 제공해준다. javascript를 사용하다보면 선택자를 이용해서 요소의 값을 가져오는 경우가 많다. 예를 들어 getElementById, querySelector 를 사용한다. React를 사용할때도 이와같은 요소의 값을 가져오는 경우가 있는데 이럴경우 useRef를 사용하면 된다. 사용법은 간단하다. import에 useRef를 가져오고, 아래와 같이 ReactHook function에 선언을 해주고 return해주는 요소에 ref로 주입해주면 된다. const useRef = useRef(); return( useRef테스트 ) javascript에서 특정 Dom을 선택하는 역할 ex) getElementById, querySelector..