Mendapatkan nilai dalam materi Bereaksi-UI Autocomplete


17

Saya merujuk pada dokumentasi React Material-UI ( https://material-ui.com/components/autocomplete/ ).

Dalam kode demo,

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

Saya mengerti cara kerjanya, tetapi saya tidak yakin bagaimana saya seharusnya mendapatkan nilai yang dipilih.

Misalnya, saya ingin menggunakan onChangeprop untuk ini sehingga saya dapat membuat beberapa tindakan berdasarkan seleksi.

Saya mencoba menambahkan onChange={v => console.log(v)}

tetapi vtidak menunjukkan apa pun yang terkait dengan nilai yang dipilih.

Jawaban:


41

Dipecahkan dengan menggunakan passing (event, value)ke dalam onChangealat peraga.

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

Bagaimana cara menambahkan onsubmit?
Prottay

3
Saya menghabiskan berjam-jam mencoba untuk mendapatkan nilai ini dengan benar, ini diselesaikan dengan indah.
Luis Febro

Jawaban yang benar. Tolong buat itu diterima.
Đỗ Công Bằng
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.