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.

Dawn17
quelle

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