выберите первый в списке по умолчанию, при рендеринге в реакции-автозаполнения

Question

Я использовал response-autocomplete, есть ли способ выбрать первый элемент по умолчанию при загрузке в reactjs

Причина, по которой я хотел это сделать, заключается в том, что Highlight всегда соответствует началу строки

Итак, я хотел выполнить требование, предложенное в вопросе https://github.com/reactjs/react-autocomplete/issues/239

Текущая имплантация показана ниже

 <Autocomplete
                    ref={el => this.input = el}
                    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 })
                    }
                    onSelect={(value) => this.onSelectSRN({ value })}
                    renderItem={(item, isHighlighted) =>
                        <div className= "menu" style={{ background: isHighlighted ? '#e1e1e1' : 'white' }} key={item.name}>
                            {item.name}
                        </div>
                    }
                />

Скажите, пожалуйста, должен ли я добавить css класс или метод-обработчик для этого