react-bootstrap-typeahead labelKey typescript

Aug 25 2020

ฉันมีคำถามเดียวกันกับที่คุยกัน (แต่ไม่เคยตอบ) ในคำตอบของ ericgio สำหรับคำถามนี้ตอบสนอง AsyncTypeahead โดยใช้ typescript

ดูเหมือนว่าจะมีปัญหากับคำจำกัดความประเภทสำหรับlabelKey

ฉันได้รับข้อผิดพลาดต่อไปนี้จากรหัสนี้:

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

Overload 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 ด้วยเหตุผลบางประการ

ฉันไม่รู้ว่าทำไมถึงได้ผล แต่มันก็ทำเพื่อฉัน!