reactjs - 如何在 React js 中添加样式以响应自动完成

Question

这是我的代码。让我对自动完成组件的样式提出建议

 <ReactAutocomplete

 items={obj}
 shouldItemRender={(item, value) => item.label.toLowerCase().indexOf(value.toLowerCase()) > -1}
getItemValue={item => item.label}
renderItem={(item) =>
<div
key={item.id}>
{item.label}
</div>}
value={this.state.value}
onChange={e => this.setState({ value: e.target.value })}
  onSelect={value => this.setState({ value })}
 />

Answer 1

尝试如下:

  <ReactAutocomplete   
                        ....
                            inputProps={{ style: { width: '100%',height: '100px'}, placeholder: 'test'}}  
                            wrapperStyle={{ width:  '100%'   }}
            />