Trabajo con radio en React

Trabajar con radio radio es algo diferente, por ejemplo, de las mismas casillas de verificación. El problema es que varios radio tendrán el mismo estado, pero diferentes value.

Por lo tanto, el trabajo se realiza de la siguiente manera: a cada botón de radio en el atributo value se le escribe su propio valor, y en el atributo checked - una condición especial que verifica si el estado es igual a un valor determinado. Si es igual - el botón de radio se marcará, y si no es igual - no se marcará.

Aquí está la implementación de lo descrito:

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

Se dan 3 botones de radio. Se da un párrafo. Haz que el valor del botón de radio seleccionado se muestre en este párrafo.

Usando botones de radio, pregunta al usuario su lenguaje de programación favorito. Muestra su elección en un párrafo. Si se selecciona JavaScript, elogia al usuario.