Obtention de la valeur dans la saisie semi-automatique React Material-UI


17

Je fais référence à la documentation de React Material-UI ( https://material-ui.com/components/autocomplete/ ).

Dans le code de démonstration,

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

J'obtiens comment cela fonctionne, mais je ne sais pas comment je suis censé obtenir la valeur sélectionnée.

Par exemple, je veux utiliser l' onChangeaccessoire pour cela afin de pouvoir effectuer certaines actions en fonction de la sélection.

J'ai essayé d'ajouter onChange={v => console.log(v)}

mais le vne montre rien lié à la valeur sélectionnée.

Réponses:


41

Résolu en utilisant le passage (event, value)aux onChangeaccessoires.

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

Comment ajouter une soumission?
Prottay

3
J'ai passé des heures entières à essayer d'obtenir cette bonne valeur, cela a merveilleusement résolu.
Luis Febro

Bonne réponse. Faites-le accepter, s'il vous plaît.
Đỗ Công Bằng
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.