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

당면한 문제와 해결

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 버튼 사용하기

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

Star Rating Component (HTML/CSS only)