React material-UI Autocomplete içindeki değerin elde edilmesi


17

React Material-UI ( https://material-ui.com/components/autocomplete/ ) belgelerine atıfta bulunuyorum .

Demo kodunda,

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

Nasıl çalıştığını anladım, ancak seçilen değeri nasıl alacağımdan emin değilim.

Örneğin onChange, seçime göre bazı eylemler yapabilmem için bunu pervane kullanmak istiyorum .

Eklemeyi denedim onChange={v => console.log(v)}

ancak vseçilen değerle ilgili hiçbir şey göstermez.

Yanıtlar:


41

Geçen kullanarak çözüldü (event, value)için onChangesahne.

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

Onsubmit nasıl eklenir?
Prottay

3
Ben bu değeri doğru almaya çalışırken sonunda saat geçirdim, bu güzel çözüldü.
Luis Febro

Doğru cevap. Kabul et, lütfen.
Đỗ Công Bằng
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.