React-da radio ile iş

Radio radio ilə iş bir qədər fərqlidir, məsələn, eyni çekboksqlarla müqayisədə. Problem ondadır ki, bir neçə radio eyni state-ə malik olacaq, amma fərqli value.

Buna görə də iş aşağıdakı kimi aparılır: hər bir radio düyməsinin value atributuna öz dəyəri yazılır, checked atributuna isə state-in müəyyən bir dəyərə bərabər olub-olmadığını yoxlayan xüsusi şərt. Əgər bərabərdirsə - radio düyməsi seçilmiş olacaq, əgər bərabər deyilsə - seçilməmiş olacaq.

Təsvir edilənin realizasiyası:

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üyməsi verilib. Abzas verilib. Elə edin ki, seçilmiş radio düyməsinin dəyəri həmin abzasa çıxarılsın.

Radio düymələri vasitəsilə istifadəçidən onun sevdiyi proqramlaşdırma dilini soruşun. Onun seçimini abzasa çıxarın. Əgər JavaScript dili seçilibsə, istifadəçini tərifləyin.