Коркард бо radio дар React

Коркард бо radio radio каме фарқ мекунад, масалан, аз ҳамон чекбоксҳо. Мушкил дар он аст, ки якчанд радио як ҳолро хоҳанд дошт, вале value-ҳои гуногун.

Аз ин рӯ, коркард ба тариқи зерин сурат мегирад: ба ҳар як тугмаи радио дар сифати value қимати худ навишта мешавад, ва дар сифати checked - шарти махсус, ки тафтиш мекунад, оё ҳол ба қимати муайян баробар аст ё не. Агар баробар бошад - тугмаи радио интихобшуда мешавад, ва агар баробар набошад - интихобнашуда хоҳад буд.

Амолисозии дар боло тавсифшуда ин аст:

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>
}

3 тугмаи радио дода шудааст. Як абзас дода шудааст. Ҳамин тавр кунед, ки қимати тугмаи радиоинтихобшуда дар ин абзас чоп карда шавад.

Бо ёрии тугмаҳои радио аз корбар пурсед забони барноманависии дӯстдоштаи ӯ. Интихоби ӯро дар абзас чоп кунед. Агар забони JavaScript интихоб шуда бошад, корбарро ситоиш кунед.