Obtendo o valor no React Preenchimento automático da UI do material

17

Refiro-me à documentação da React Material-UI ( https://material-ui.com/components/autocomplete/ ).

No código de demonstração,

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

Entendo como funciona, mas não sei como devo obter o valor selecionado.

Por exemplo, eu quero usar o onChangesuporte para isso, para que eu possa executar algumas ações com base na seleção.

Eu tentei adicionar onChange={v => console.log(v)}

mas o vnão mostra nada relacionado ao valor selecionado.

Dawn17
fonte

Respostas:

41

Resolvido usando a passagem (event, value)para os onChangeadereços.

<Autocomplete
    onChange={(event, value) => console.log(value)} // prints the selected value
    renderInput={params => (
        <TextField {...params} label="Label" variant="outlined" fullWidth />
    )}
/>
Dawn17
fonte
Como adicionar onsubmit?
Prottay 8/01
3
Passei horas a fio tentando acertar esse valor, resolvido lindamente.
Luis Febro 12/01
Resposta correta. Faça aceito, por favor.
ô Công Bằng