'DOM' 태그의 글 목록

React] Hook : useRef

useRef useRef를 사용하면 값을 참조하거나 DOM에 접근하여 태그를 조작할 수 있습니다. const ref = useRef(초기값); 값을 참조하는 Ref ref는 state가 아니라 일반 JS객체이기 때문에 변경시점을 인식하지 못합니다. 따라서 화면에 그려지는 것에 관여하기보다는 정보를 저장하는데 적합하며, 리렌더링 사이에 값을 저장해 놓을 수 있습니다. 지역 변수와는 다르게 리렌더링 될 때 값이 초기화되거나 변하지 않고, 직접 값을 변경해주어야 합니다. ref를 통해 접근할 때는 ref.current를 사용하면되고, 모든 타입의 값이 될 수 있습니다.. (boolean, string, number 등..) 예 HTML 삽입 미리보기할 수 없는 소스 alert으로 뜨는 ref.current는 ..

Front-End/React 2023.06.20

왕가's history

DOM 1

티스토리툴바