다음과 같은 UI에서 라디오 버튼을 선택할때에 각각에 Radio 버튼에 할당한 value 값을 얻고 싶었다.
- state 변수를 선언한다.
- onChange 함수를 만든다.
- 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 함수 사용
/>
'공부기록 > react' 카테고리의 다른 글
리액트 JSX 에서 html 렌더링 방법 추가 (0) | 2022.07.19 |
---|---|
yarn vs npm 실행속도 (0) | 2022.07.08 |
npx 이란? (0) | 2022.06.29 |