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.

Amanecer17
fuente

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 />
    )}
/>
Amanecer17
fuente
¿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