2022/03/22 별점 input 태그 쓰기와 value 가져오기

2022. 3. 22. 09:28Project : 근의 공식(Muscle Formula)/Error Handling

당면한 문제와 해결

  1. label 태그의 for속성은 리액트에서 htmlFor라고 써야 사용 가능하다.
  2. 별점 매기기 기능을 위한 html과 css를 검색에 검색 끝에 알아냈으나 어떻게 value를 가져올 수 있는 지 고민하던 참이었다. 그러다가 onChange를 통해 value 값을 가져올 수 있다는 것을 알게 되었다. 알고 보니 쉬웠던 문제...

input 태그에 onChange 함수를 걸어준다.

 

함수에 event.target.value로 input 태그의 value 값을 가져온다.

 

 

참고자료 : 

https://developer-talk.tistory.com/137

 

[React]React에서 radio 버튼 사용하기

이번 포스팅에서는 React에서 radio 버튼을 사용하는 방법에 대해 정리합니다. 목차 radio 버튼을 클릭할 때마다 state 변경 radio 버튼 동적으로 추가 radio 버튼을 클릭할 때마다 state 변경 radio 버튼을

developer-talk.tistory.com

https://codepen.io/chris22smith/pen/MJzLJN

 

Star Rating Component (HTML/CSS only)

A rating component for a form made using just HTML and CSS....

codepen.io