Работа со radio во React

Работата со radio radio малку се разликува, на пример, од истите checkbox-ови. Проблемот е што кај повеќе radio копчиња ќе има иста состојба, но различни value.

Затоа работата се одвива на следниов начин: на секое radio копче во атрибутот value се запишува неговата вредност, а во атрибутот checked - специјална состојба која проверува, дали состојбата е еднаква на одредена вредност. Ако е еднаква - radio копчето ќе стане означено, а ако не е еднаква - ќе биде неозначено.

Еве ја имплементацијата на опишаното:

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 копчиња. Даден е параграф. Направете така што вредноста на избраното radio копче да се испише во овој параграф.

Со помош на radio копчиња прашајте го корисникот за неговиот омилен програмски јазик. Испишете го неговиот избор во параграф. Ако е избран јазикот JavaScript, пофалете го корисникот.