Uzyskiwanie wartości w autouzupełnianiu interfejsu użytkownika materiału React

17

Mam na myśli dokumentację React Material-UI ( https://material-ui.com/components/autocomplete/ ).

W kodzie demonstracyjnym

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

Rozumiem, jak to działa, ale nie jestem pewien, jak mam uzyskać wybraną wartość.

Na przykład chcę użyć onChangedo tego rekwizytu, aby móc wykonać pewne działania na podstawie zaznaczenia.

Próbowałem dodać onChange={v => console.log(v)}

ale vnie pokazuje nic związanego z wybraną wartością.

Świt17
źródło

Odpowiedzi:

41

Rozwiązać za pomocą przekazując (event, value)do onChangepodpór.

<Autocomplete
    onChange={(event, value) => console.log(value)} // prints the selected value
    renderInput={params => (
        <TextField {...params} label="Label" variant="outlined" fullWidth />
    )}
/>
Świt17
źródło
Jak dodać przesłanie?
Prottay
3
Spędziłem całe godziny próbując wyregulować tę wartość, to pięknie rozwiązane.
Luis Febro
Poprawna odpowiedź. Proszę, zaakceptuj to.
Đỗ Công Bằng