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ą.

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 />
    )}
/>

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
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.