20231228 TIL 라디오 타입 인풋

목표

• 일지 R

새로 알게 된것/ 오늘의 코드

일지 만들기

배열로 값을 넣어준 다음에 map으로 뿌렸다

const toiletNumberArr = ["0", " 1", " 2", " 3", "4", "5"];

            <St.InputWrap>
              {toiletNumberArr.map((item: string, i) => {
                return (
                  <St.RadioSelect key={i}>
                    <input
                      type="radio"
                      name={toiletNumber}
                      value={item}
                      onChange={(e) => setToiletNumber(e.target.value)}
                    />
                    &nbsp; {item}
                  </St.RadioSelect>
                );
              })}
            </St.InputWrap>

radio의 거리는 margin : auto로 해서 넓혀줬다

문제

데이터의 값을 체크된 채로 로딩이 안됨

value에 check를 하는 것 알겠는데 항상 value가 바뀌잖어..

 

내일 목표

• R실패