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.

Dawn17
la source

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