티스토리 뷰

TIL/리액트

리액트, querySelector는 ref

버터호두 2021. 5. 24. 02:19

리액트에서 반응형 헤더 만들기

보통의 JS 소스 코드의 시작?

const navbar = document.querySelector(.nav)

.nav는 className으로 헤더 태그로 설정한다.

그치만 리액트에서는 querySelector보다는 ref를 이용하자.

onst navbar = useRef() 하고, 헤더 태그에서 ref={navbar}로 잡아주는게 좋다.

'TIL > 리액트' 카테고리의 다른 글

리액트 프로젝트, 사파리 / 아이폰에서 뜨지 않는 문제 해결  (0) 2021.05.24
[리액트] 라이프 사이클 함수  (0) 2021.04.13
[react] 리덕스  (2) 2021.04.11
[리액트] component  (0) 2021.04.06
TIL_리액트 # 4 | Ref  (0) 2021.03.23
댓글
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/07   »
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
글 보관함