-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
input type="radio" 에서 ref의 적절한 사용법
24.04.11 00:30 작성 조회수 117
0
안녕하세요 선생님.
이번 강좌에서 숙제로 내주신 부분(div로 radio버튼 만들기)
을 진행하다가 문득 궁금증이 생겼는데요.
<input type="radio">가 많을때 useRef을 하나씩 만들어서 일일이 1대1 매칭으로 접근해야 하는건가요?
혹은 ref값을 빈배열로 만든 뒤 배열의 값을 radio 버튼의 value로 채워서 해당 배열의 인덱스 값으로 참조해야하는 걸까요?
답변을 작성해보세요.
0
조현영
지식공유자2024.04.11
그냥 div 클릭할 때(onClick) 쿼리스트링을 변경하시면 됩니다. radio에는 checked 속성만 쿼리스트링에 따라 변경하시면 되고요.
CJW
질문자2024.04.11
아 따로 ref를 통해 접근하기보단
div를 클릭했을때 url을 radio의 value값으로 가게 설정한 뒤 해당 쿼리스트링의 radio 의 check값만 true로 설정해주면 된다는건가요 선생님?
(/(.)compose/tweet 의 button 같은 경우는 위의 경우와 다르다보니(url을 건드리는게 아니니) ref를 통해 요소에 접근하는건가요?)
제가 react와 next에 대한 지식이 미흡하여 생기는 질문인거 같아 죄송합니다 ㅠ
조현영
지식공유자2024.04.11
네네.
url 자체도 일종의 state 역할을 하므로 따로 state를두지 않고 그냥 그 querystring을 받아다 사용합니다. url이나 state같은 존재가 없으면 상태 역할을 할 얘를 만드셔야 하고요.
답변 1