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.

Fajar17
sumber

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