htmlFor & 별 구현

hazel's·2022년 5월 1일
0

react

목록 보기
5/13
post-thumbnail

htmlFor

html 파일에서는 label과 input을 연결해야할때는 label에서는 for값, input에서는 id 값을 통해서 둘이 같을 것을 표시하였다.

그러나 react에서는 for 대신 forName을 써야 한다고 한다.

for는 for문을 의미하기에 htmlFor라고 변경해야한다.

htmlFor => htmlFor에 input의 아이디나 네임을 적어 인풋과 연결할 수 있다.

2

댓글 별 구현

ReviewList.js
3

  • state 생성

4

  • Number로 해준이유는 별모양을 문자로 받아들여서 숫자로 만들어주기
    5
  • 좀더 보기 수월하게 변수생성
    6

7

Review.js
8

  • 색깔있는 별이 5에서 숫자인 만큼 찍히면, 5-찍힌별수로 해서 빈별도 넣어주기

Star.js
9

profile
좋아하는 것을 하나하나 채워가면 행복해질꺼야

0개의 댓글