Obteniendo el valor en React material-UI Autocomplete


17

Me refiero a la documentación de React Material-UI ( https://material-ui.com/components/autocomplete/ ).

En el código de demostración,

    <Autocomplete
      options={top100Films}
      getOptionLabel={(option: FilmOptionType) => option.title}
      style={{ width: 300 }}
      renderInput={params => (
        <TextField {...params} label="Combo box" variant="outlined" fullWidth />
      )}
    />

Entiendo cómo funciona, pero no estoy seguro de cómo se supone que debo obtener el valor seleccionado.

Por ejemplo, quiero usar el onChangeaccesorio para esto para poder hacer algunas acciones basadas en la selección.

Traté de agregar onChange={v => console.log(v)}

pero vno muestra nada relacionado con el valor seleccionado.

Respuestas:


41

Resuelto mediante el uso de pasar (event, value)a los onChangeaccesorios.

<Autocomplete
    onChange={(event, value) => console.log(value)} // prints the selected value
    renderInput={params => (
        <TextField {...params} label="Label" variant="outlined" fullWidth />
    )}
/>

¿Cómo agregar onsubmit?
Prottay

3
Pasé horas enteras tratando de obtener este valor correcto, esto se resolvió maravillosamente.
Luis Febro

Respuesta correcta. Hazlo aceptado, por favor.
Đỗ Công Bằng
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.