Práca s radio v React

Práca s radio radio sa trochu líši, napríklad, od rovnakých checkboxov. Problém je v tom, že niekoľko rádio bude mať rovnaký stav, ale rôzne value.

Preto práca prebieha nasledovným spôsobom: každej rádiovej tlačidlo v atribúte value zapíšu svoju hodnotu, a v atribúte checked - špeciálnu podmienku, ktorá kontroluje, či sa stav rovná určitej hodnote. Ak sa rovná - rádio tlačidlo sa stane označeným, a ak sa nerovná - bude neoznačené.

Tu je implementácia opísaného:

function App() {
	const [value, setValue] = useState(1);
	
	function changeHandler(event) {
		setValue(event.target.value);
	}
	
	return <div>
		<input
			type="radio"
			name="radio"
			value="1"
			checked={value === '1' ? true : false}
			onChange={changeHandler}
		/>
		<input
			type="radio"
			name="radio"
			value="2"
			checked={value === '2' ? true : false}
			onChange={changeHandler}
		/>
		<input
			type="radio"
			name="radio"
			value="3"
			checked={value === '3' ? true : false}
			onChange={changeHandler}
		/>
	</div>
}

Sú dané 3 rádio tlačidlá. Je daný odsek. Urobte tak, aby hodnota vybranej rádio tlačidla bola vypísaná do tohto odseku.

Pomocou rádio tlačidiel sa spýtajte používateľa na jeho obľúbený programovací jazyk. Vypíšte jeho voľbu do odseku. Ak je vybraný jazyk JavaScript, pochvaľte používateľa.