Реагировать на автозаполнение виджета выбрать элемент на клавиатуре навигации из выпадающего меню

Question

Я использую React Autocomplete

https://www.npmjs.com/package/react-autocomplete

, который работает нормально, как показано ниже

 <Autocomplete
                    value={this.state.value}
                    inputProps={inputProps}
                    wrapperStyle={{ position: 'absolute', display: 'inline-block' }}
                    items={this.state.srnList}
                    getItemValue={item => item.name}
                    shouldItemRender={matchSRN}
                    onChange={(event, value) =>
                        this.setState({ value, loading: false })
                    }
                    onSelect={this.onSelectFunc}
                    renderMenu={(items, value) => (
                        <div className="menu">
                            {items.length < 1 ? (
                                <div className="item">loading ...</div>
                            ) : items}
                        </div>
                    )}

                    renderItem={(item, isHighlighted) => (
                        <div
                            className={`item ${isHighlighted ? 'item-highlighted' : ''}`}
                            key={item.code} >
                            <a href={'/InstallBase/sitePage/' + item.name.split(',')[0]}>{item.name}</a>
                        </div>
                    )}
                />

В вышеупомянутой реализации раздел элементов происходит при нажатии пунктов меню

Хотелось бы узнать, как выбрать элемент при нажатии клавиш или при вводе выбрать первый элемент соответствия в списке внизу меню

Answer 1

Удалена функция renderMenu, работающая как ожидалось