인프런 커뮤니티 질문&답변

CJW

작성한 질문수

Next + React Query로 SNS 서비스 만들기

usePathname과 /explore 페이지

input type="radio" 에서 ref의 적절한 사용법

해결된 질문

작성

327

안녕하세요 선생님.

이번 강좌에서 숙제로 내주신 부분(div로 radio버튼 만들기)

을 진행하다가 문득 궁금증이 생겼는데요.

<input type="radio">가 많을때 useRef을 하나씩 만들어서 일일이 1대1 매칭으로 접근해야 하는건가요?

혹은 ref값을 빈배열로 만든 뒤 배열의 값을 radio 버튼의 value로 채워서 해당 배열의 인덱스 값으로 참조해야하는 걸까요?

react next.js react-query next-auth msw

답변 1

제로초(조현영)

지식공유자

그냥 div 클릭할 때(onClick) 쿼리스트링을 변경하시면 됩니다. radio에는 checked 속성만 쿼리스트링에 따라 변경하시면 되고요.

CJW

질문자

아 따로 ref를 통해 접근하기보단

div를 클릭했을때 url을 radio의 value값으로 가게 설정한 뒤 해당 쿼리스트링의 radio 의 check값만 true로 설정해주면 된다는건가요 선생님?

(/(.)compose/tweet 의 button 같은 경우는 위의 경우와 다르다보니(url을 건드리는게 아니니) ref를 통해 요소에 접근하는건가요?)

제가 react와 next에 대한 지식이 미흡하여 생기는 질문인거 같아 죄송합니다 ㅠ

제로초(조현영)

지식공유자

네네.

url 자체도 일종의 state 역할을 하므로 따로 state를두지 않고 그냥 그 querystring을 받아다 사용합니다. url이나 state같은 존재가 없으면 상태 역할을 할 얘를 만드셔야 하고요.

CJW

작성한 질문수

전체 Q&A

질문하기