Nhãn phản ứng-bootstrap-typeahead

Question

Tôi có câu hỏi giống như đã thảo luận (nhưng chưa bao giờ được trả lời) trong câu trả lời của ericgio cho câu hỏi này React AsyncTypeahead bằng cách sử dụng Typescript

Có vẻ như có vấn đề với định nghĩa loại cho labelKey

Tôi gặp lỗi sau từ mã này:

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

Quá tải 2 trên 2, '(đạo cụ: TypeaheadProps, context ?: any): Typeahead', đã xảy ra lỗi sau. Loại 'chuỗi' không thể gán cho loại 'không xác định'. TS2769

phụ thuộc:

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

Answer 1

Tôi đã tìm thấy một cách giải quyết!

Tôi đã tách thẻ thành thành phần riêng của nó, trong thành phần đó không bắt buộc phải có labelKey vì một số lý do.

Tôi không biết tại sao điều này lại hiệu quả, nhưng nó phù hợp với tôi!