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:

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