[React] 라디오 버튼 커스텀...?

디자이너가 작성한 피그마

프로젝트 진행도중 회원가입에 성별을 선택하는 필드가 있었다

나는 react-hook-form 을 사용하고 있었고

바로 radio 속성을 이용해서 버튼을 custom 해서 쓰면 될거라고 생각하고

CSS스타일을 바꿔보고 시도해 보았으나 내가 원하는대로 잘 안되었는데

번뜩 머리를 스쳐가는 Button에 onClick 이벤트에 SetValue('gender' , 'male or female') 이런식으로 하면 될거 같은데?

라는 생각으로 바로 수정을 해보았다.

버튼으로 라디오버튼 처럼 사용!

위와 같이 잘 작동하는 모습

위와 같이 해결하였습니다.