React-da radio bilen işlemek

radio radio bilen işlemek, mysal üçin, şol bir checkbox-lardan birneme tapawutlanýar. Mesele şonda, biroý radio-da bir heýdäki ýagdaý (steýt) bolup, ýöne dürli value (bahalar) bolup biler.

Şonuň üçin iş şu ýoly bilen amala aşyrylýar: her bir radio düwmesine value atributyna öz bahasy ýazylýar, we checked atributyna bolsa ýagdaýyň belli bir baha bilen deňdigini barlaýan ýörite şert ýazylýar. Eger deň bolsa - radio düwmesi bellikli bolup, eger deň bolmasa - belliksiz bolup galar.

Beýan edileniň amala aşyrylyşy:

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 radio düwmesi berlen. Bir abzas berlen. Şeýle ediň häsiýetli radio düwmesiniň bahasy şol abzasa çap edilsin.

Radio düwmeleriň kömegi bilen ulanyjydan onyň iýmli programmirleme dilini soraň. Onuň saylamasyny bir abzasa çap ediň. Eger JavaScript dili saýlansa, ulanyjyny maýalaň.