Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- JavaScript
- 타입스크립트
- 타입스크립트 리액트
- 파이썬 enumerate
- useEffect
- 리액트 공식문서
- 내일배움캠프 최종 프로젝트
- 자바스크립트
- tanstack query
- 리액트
- 파이썬 slice
- 내배캠 프로젝트
- useState
- 파이썬 딕셔너리
- 내일배움캠프 프로젝트
- 프로그래머스
- 파이썬 replace
- 파이썬 for
- 내일배움캠프
- 리액트 프로젝트
- 코딩테스트
- 타입스크립트 props
- 한글 공부 사이트
- 파이썬 for in
- React Hooks
- typeScript
- 리액트 훅
- REACT
- 파이썬 반복문
- Next 팀 프로젝트
Archives
- Today
- Total
목록리액트 라디오 (1)
sohyeon kim
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/mD7DL/btsGjCj9hbZ/4QgGMmftFZDaMihQYMhZR1/img.png)
💡 라디오 속성에 대해 알아보자. 문항들 map 을 돌리는 상황에서 라디오가 문항마다 체크되어야 하는데 한 문제에만 체크되는 오류가 있었다. 살펴보니.. test 하면서 막 만들어 둔 속성들이 문제였다. 그래서 알아본 속성들 용도 🥹 id : label 의 for 와 연결된다. name : 같은 주제의 input 들을 묶어준다. 과일 - 사과, 포도, 딸기 value : 선택된 라디오 값을 저장할 때 이용 label 로 input 을 감싸주는 걸로 변경해서 id & for 를 지웠고, name 에 map 으로 돌리면서 가져오는 qustion 의 id 를 넣어줬다! 🔗 https://www.daleseo.com/react-radio-buttons/ React에서 라디오 버튼 사용하기 Engineering ..
React
2024. 4. 3. 00:56