useRef

대분류
트러블슈팅
기록일자
2024/04/04 14:07
소분류
그외 기타..
일정 분류
기록 전
const mapRef = useRef<any>(); mapRef.current = currentPos; const handlePageClick = (pageNumber: number) => { setCurrentPage(pageNumber); searchBarsNearby(mapRef.current, pageNumber); };
JavaScript
복사
맵을 움직이면 움직인 곳의 위치 주변의 술집으로 데이터가 바뀌는 문제
useRef를 사용해서 처음 나타나는 현재 위치를 고정시켰다.
useRef는 react hook
`저장공간 ` `DOM 요소`에 접근을 위해 사용이 된다.
컴포넌트가 아무리 랜더링 되어도 ref안에 저장된 값은 변경되지 않고 그대로 유지된다.