1

Estoy trabajando con react select, pero el problema que me ocurre es que cuando realizo la selección de las opciones, no queda seleccionado. Este es mi codigo

<Select
            className="basic-single"
            classNamePrefix="select"
            placeholder="Seleccione el tipo de usuario"
            name="tipoUsuario"
            id="tipoUsuario"
            value={tipoUsuario}
            options={options}
            isSearchable={false}
            onChange={this.cambioValorSelect}
            aria-describedby="helpId"
          />

Esta es la funcion del onchange

cambioValorSelect = (u) => {
console.log(u.value);
const state = this.state;
state["tipoUsuario"] = u.value;
this.setState({ state, errores: [] });

};

1 respuesta 1

1

Pareciera que tienes que cambiar la parte de value en la declaración de tu componente y cómo estás seteando el estado:

<Select
        className="basic-single"
        classNamePrefix="select"
        placeholder="Seleccione el tipo de usuario"
        name="tipoUsuario"
        id="tipoUsuario"
        value={this.state.tipoUsuario}
        options={options}
        isSearchable={false}
        onChange={this.cambioValorSelect}
        aria-describedby="helpId"
      />

cambioValorSelect = (u) => {
    this.setState({ 
        tipoUsuario: u.value, 
        errores: [] 
    });
}
2
  • no pude solucionarlo con eso que has dicho el 15 oct. 2021 a las 18:45
  • Entiendo, ¿quizás podrías editar tu pregunta compartiendo como está tu constructor? el 18 oct. 2021 a las 15:39

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.