react-bootstrap-typeahead labelKey Typescript

Question

Saya memiliki pertanyaan yang sama seperti yang dibahas (tetapi tidak pernah menjawab) dalam jawaban ericgio untuk pertanyaan ini React AsyncTypeahead using Typescript

Sepertinya ada masalah dengan definisi tipe untuk labelKey

Saya mendapatkan kesalahan berikut dari kode ini:

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

Overload 2 of 2, '(props: TypeaheadProps, context ?: any): Typeahead', memberikan kesalahan berikut. Jenis 'string' tidak dapat digunakan untuk mengetik 'tidak ditentukan'. TS2769

ketergantungan:

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

Answer 1

Saya menemukan solusi!

Saya memisahkan tag ke komponennya sendiri, di komponen itu labelKey tidak diperlukan karena beberapa alasan.

Saya tidak tahu mengapa ini berhasil, tetapi berhasil untuk saya!