react-bootstrap-typeahead labelKey Typescript

Aug 25 2020

この質問に対するericgioの回答で説明したのと同じ質問があります(ただし、回答はありません)Typescriptを使用してAsyncTypeaheadに対応する

labelKeyの型定義に問題があるようです

このコードから次のエラーが発生します。

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

2 of 2のオーバーロード、 '(props:TypeaheadProps、context?:any):Typeahead'、次のエラーが発生しました。タイプ「string」はタイプ「undefined」に割り当てることができません。TS2769

依存関係:

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

回答

LukasPetersson Aug 25 2020 at 09:59

回避策を見つけました!

タグを独自のコンポーネントに分離しました。そのコンポーネントでは、何らかの理由でlabelKeyは必要ありませんでした。

なぜこれが機能するのかわかりませんが、私にとっては機能します!