默认情况下,在列表中选择第一个,在react-autocomplete渲染时

时间:2020-03-16 08:11:35

标签: css reactjs select autocomplete

我使用了react-autocomplete,有没有办法在reactjs加载时默认选择第一项

我要这样做的原因是,Highlighted总是与字符串的注视匹配

因此,我们希望按照问题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类或处理程序方法

0 个答案:

没有答案