Abrufen des Werts in der automatischen Vervollständigung von React material-UI


17

Ich beziehe mich auf die Dokumentation von React Material-UI ( https://material-ui.com/components/autocomplete/ ).

Im Demo-Code

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

Ich verstehe, wie es funktioniert, bin mir aber nicht sicher, wie ich den ausgewählten Wert erhalten soll.

Zum Beispiel möchte ich die onChangeRequisite dazu verwenden, damit ich basierend auf der Auswahl einige Aktionen ausführen kann.

Ich habe versucht hinzuzufügen onChange={v => console.log(v)}

Das vzeigt jedoch nichts an, was mit dem ausgewählten Wert zusammenhängt.

Antworten:


41

Gelöst durch Übergabe (event, value)an die onChangeRequisiten.

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

Wie add onsubmit?
Prottay

3
Ich habe stundenlang versucht, diesen Wert richtig zu machen, das hat sich wunderbar gelöst.
Luis Febro

Richtige Antwort. Machen Sie es bitte akzeptiert.
ô Công Bằng
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.