Ottenere il valore nel Completamento automatico UI materiale React


17

Mi riferisco alla documentazione di React Material-UI ( https://material-ui.com/components/autocomplete/ ).

Nel codice demo,

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

Capisco come funziona, ma non sono sicuro di come dovrei ottenere il valore selezionato.

Ad esempio, voglio usare il onChangeprop a questo in modo da poter compiere alcune azioni in base alla selezione.

Ho provato ad aggiungere onChange={v => console.log(v)}

ma il vnon mostra nulla relativo al valore selezionato.

Risposte:


41

Risolto usando il passaggio (event, value)ai onChangepuntelli.

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

Come aggiungere onsubmit?
Prottay,

3
Ho trascorso ore e ore a cercare di ottenere questo valore, risolto meravigliosamente.
Luis Febro,

Risposta corretta. Fallo accettare, per favore.
Đỗ Công Bằng
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.