개발자

리액트에서 라디오그룹이 원하는대로 동작하지 않아요..

4월 26일조회 70

react-hook-form을 사용하고있고, medias는 useFieldArray를 사용하는중인데요. medias에 feeFlag라는 값이 있고 이 값은 '1' | '0' 둘중에 하나인데요. 값이 0인 경우에는 라디오그룹에서 버튼이 yes/no 왔다갔다 선택이 되는데.. 서버의 값이 1인 경우에는 yes에서 고정된 상태로 no가 선택이 되지 않습니다. 뭐가 문제인지를 도통 모르겠어서요.. 이틀째 라디오그룹 버튼 선택이 안되는 문제에 막혀있습니다... ㅠㅠ

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 1

디큐님의 프로필 사진

아래 코드입니다

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<Controller 
  name={`medias.${selectedIndex}.feeFlag`}
  control={control}
  render={({ field }) => (
    <RadioGroup
      row
      aria-label="media-feeFlag"
      {...field}
    >
      <FormControlLabel
        value="1"
        control={<Radio />}
        label="YES"
        labelPlacement="end"
      />
      <FormControlLabel
        value="0"
        control={<Radio />}
        label="NO"
        labelPlacement="end"
      />
    </RadioGroup>
  )}
/>

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!