공부기록/react

React Radio 버튼에서 value 값 얻기

_우지 2022. 7. 9. 22:38

다음과 같은 UI에서 라디오 버튼을 선택할때에 각각에 Radio 버튼에 할당한 value 값을 얻고 싶었다.

 

  1. state 변수를 선언한다.
  2. onChange 함수를 만든다.
  3. input tag에 value와 onChage를 사용해서 state를 변경한다.
  const [TTL, setTTL] = useState('');

  const onChangeRadio = (e: any) => {
    setTTL(e.target.value); 
  };
  
 <input
    type="radio"
    className="hidden"
    id="input1"
    value="1"  // value 값 할당
    name="inputs"
    onChange={onChangeRadio} // onChange 함수 사용
  />