réact-bootstrap-typeahead labelKey Typescript

Question

J'ai la même question que celle discutée (mais jamais répondu) dans la réponse d'ericgio à cette question Réagissez AsyncTypeahead en utilisant Typescript

Il semble y avoir un problème avec les définitions de type pour labelKey

J'obtiens l'erreur suivante de ce code:

<Typeahead
     id="basic-typeahead-single"
     labelKey="name"
     onChange={this.changeEdgeName}
     options={this.state.streetNames}
     placeholder=""
    />

Surcharge 2 sur 2, '(accessoires: TypeaheadProps, contexte ?: any): Typeahead', a donné l'erreur suivante. Le type «chaîne» ne peut pas être affecté au type «indéfini». TS2769

dépendances:

"@types/react-bootstrap-typeahead": "^3.4.6",
    
"react-bootstrap-typeahead": "^5.1.1",

Answer 1

J'ai trouvé une solution de contournement!

J'ai séparé la balise en son propre composant, dans ce composant, le labelKey n'était pas nécessaire pour une raison quelconque.

Je n'ai aucune idée de pourquoi cela fonctionne, mais cela fonctionne pour moi!