티스토리 뷰
React에서 form 양식을 입력받는 방법 중 하나로 useRef를 사용할 수 있다. useRef를 통해서 DOM을 선택하고, 해당 DOM의 value를 받아노는 방법이다 사용법은 아래와 같다.
React의 기능 중 하나인 useRef를 불러오고 객체를 생성하여 변수에 담는다.
생성한 객체를 원하는 태그의 속성 ref의 값으로 넣는다.
변수명.current
로 해당 DOM을 불러올 수 있다.
주의사항으로 이렇게 불러온 DOM을 직접 조작하면 안 된다는 것이다. 리액트에서 화면에 출력되는 것을 바꾸고 싶다면 state를 변경해야 한다.
'코딩 > 리액트' 카테고리의 다른 글
또 다른 상태 관리 방법, useReducer (0) | 2022.02.12 |
---|---|
useEffect가 필요한 이유와 사용법 (0) | 2022.02.09 |
특별한 props - props.children (0) | 2022.02.07 |
리액트에서 배열 렌더링 하는 방법 (0) | 2022.02.07 |
리액트 컴포넌트 스타일링 - CSS 모듈 (0) | 2022.02.07 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 웹퍼블리셔
- 회고록
- 타입스크립트
- 키보드
- AWS
- 리액트
- 마크다운
- 삽질방지
- 보안
- 개발일지
- 하우징 도색
- autoplay
- 리덕스
- 강의후기
- 앨리스배열
- DevOps
- storybook
- 프로젝트
- TIL
- 네트워크
- 삽질방시
- 키크론 v10
- 토이프로젝트
- 정규표현식
- 취미
- 팁
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
글 보관함