Saltar al contenido

ReactJS: ¿Cómo usar valores booleanos en los botones de opción?

Siéntete libre de divulgar nuestra página y códigos en tus redes, ayúdanos a hacer crecer nuestra comunidad.

Solución:

Actualmente la solución es convertir el pasado attributes de string valores a booleanos antes de guardar.

var str2bool = (value) => 
   if (value && typeof value === "string") 
        if (value.toLowerCase() === "true") return true;
        if (value.toLowerCase() === "false") return false;
   
   return value;

Y llamando a la conversión:

onRadioChange: function(e) 
    console.log(str2bool(e.target.value));
    // Here we can send the data to further processing (Action/Store/Rest)

De esta forma los datos están listos para ser enviados mediante acciones a Rest o Stores y funciona directamente con los botones de opción.

Utilice el marcado attribute de entrada para botones de opción. Que attribute utiliza booleanos.

En caso de que esté buscando una forma de administrar el estado marcado del botón de opción con React, aquí tiene un ejemplo:

var RadioButtons = React.createClass(
  getInitialState: function () 
    // Assuming there is always one option set to true.
    return 
      question: this.props.options.filter(function (option) 
        return option.value;
      )[0].name
    ;
  ,
  onRadioChange: function (e) 
    this.setState(
      question: e.target.value
    );
  ,
  render: function () 
    var options = this.props.options.map(function (option, key) 
      return (
        
  • option.name
  • ); , this); return (
      options
    ); );

    Este componente se puede utilizar pasando su question enumerar como propiedades:

    
    

    Mira este violín.

    Eres capaz de añadir valor a nuestra información tributando tu veteranía en las anotaciones.

    ¡Haz clic para puntuar esta entrada!
    (Votos: 2 Promedio: 4)



    Utiliza Nuestro Buscador

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *