Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何设置自动完成输入框的样式?_Reactjs_Autocomplete - Fatal编程技术网

Reactjs 如何设置自动完成输入框的样式?

Reactjs 如何设置自动完成输入框的样式?,reactjs,autocomplete,Reactjs,Autocomplete,我正在尝试在我的组件中使用react autocomplete。一切正常,显示了良好的结果。但我无法设置默认输入框的样式。 这是自动完成 <Autocomplete getItemValue={this.getItemValue} items={this.state.autocompleteData} renderItem={this.renderItem} value={this.state.value} onChange={this.onChange} onSelect={this.

我正在尝试在我的组件中使用react autocomplete。一切正常,显示了良好的结果。但我无法设置默认输入框的样式。 这是自动完成

<Autocomplete 
getItemValue={this.getItemValue}
items={this.state.autocompleteData}
renderItem={this.renderItem}
value={this.state.value}
onChange={this.onChange}
onSelect={this.onSelect} 
menuStyle={menuStyle}
/> 
我试着按照这个问题的答案添加样式,但不起作用。

如何向输入框添加样式

指定给prop的对象用作输入的prop,因此您可以为该对象指定一个包含
菜单样式的
属性

<Autocomplete
  getItemValue={this.getItemValue}
  items={this.state.autocompleteData}
  renderItem={this.renderItem}
  value={this.state.value}
  onChange={this.onChange}
  onSelect={this.onSelect}
  inputProps={{ style: menuStyle }}
/>

<Autocomplete
  getItemValue={this.getItemValue}
  items={this.state.autocompleteData}
  renderItem={this.renderItem}
  value={this.state.value}
  onChange={this.onChange}
  onSelect={this.onSelect}
  inputProps={{ style: menuStyle }}
/>