일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 프로그래머스
- 파이어베이스
- array
- 프리온보딩
- CORS
- axios
- Reducer
- Component
- firebase
- 브라우저
- Frontend
- Redux
- JS
- 컴포넌트
- 원티드
- JavaScript
- 비트 연산자
- v9
- TypeScript
- 알고리즘
- react localStorage
- 프론트엔드
- state
- til
- localstorage
- react
- 리액트
- es6
- 자바스크립트
- 타입스크립트
Archives
- Today
- Total
목록react dom 접근 (1)
도리쓰에러쓰
[React] Ref 사용하여 DOM 요소에 접근하기 - useRef()
1. Ref란? React에서 DOM에 직접 접근하기 위해 사용한다. HTML로 예를 들자면, 에 접근하고 싶을 때 "div-id"라는 id를 사용하여 DOM 요소에 접근한다. HTML을 작성할 때 id로 DOM 요소를 접근하는 것처럼, React에서도 DOM 요소에 직접 접근하기 위해 사용하는 것이 Ref이다. 2. Ref 사용하기 아래 예제는 "활성화" 버튼을 클릭하면 비활성화(disabled) 되어 있던 input이 활성화되고, "초기화"버튼을 클릭하면 원래의 상태로 input을 비활성화 되는 Element를 제어하는 코드이다. import { useRef } from "react"; const Field = () => { const inputRef = useRef(null); const focus..
React/React
2022. 4. 21. 00:24