response-bootstrap-typeahead labelKey Typescript

Question

У меня тот же вопрос, который обсуждался (но никогда не отвечал) в ответе Эрикджо на этот вопрос. React AsyncTypeahead, используя Typescript.

Кажется, есть проблема с определениями типов для labelKey

Из этого кода я получаю следующую ошибку:

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

Перегрузка 2 из 2, '(props: TypeaheadProps, context ?: any): Typeahead' вызвала следующую ошибку. Тип «строка» не может быть присвоен типу «undefined». TS2769

зависимости:

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

Answer 1

Я нашел обходной путь!

Я разделил тег на отдельный компонент, в этом компоненте labelKey по какой-то причине не требовался.

Понятия не имею, почему это работает, но мне это нравится!