我怎么能不点击在antd自动完成组件的输入值的变化选项

Question

在自动完成功能，当您单击该选项，输入值会发生变化， 但我想输入值不变，当我点击的选项。 我试图将onSelect回调中的值更改回来。 大多数情况下，输入值将首先变为选项值，然后更改为给定值，它可以正常工作，但不是那么顺利，有时它不会改变。 这是代码

<div className="search-container"> 
    <AutoComplete 
     className="global-search" 
     size="large" 
     dropdownClassName="certain-category-search-dropdown" 
     dropdownMatchSelectWidth={false} 
     dropdownStyle={{ width: 300, top: 47 }} 
     dataSource={options} 
     onSelect={()=>{this.value = value | ''}} 
     onSearch={this.inputValueChange} 
     placeholder={formatMessage(messages.searchPlaceHolder)} 
     optionLabelProp="" 
     filterOption={false} 
    > 
     <Input 
     suffix={(
      <Button className="search-btn" size="large" type="primary"> 
      <Icon type="search" /> 
      </Button> 
     )} 
     /> 
    </AutoComplete> 
    </div> 

Answer 1

对于你的问题：

但我想输入值不变，当我点击选项

我认为你可以使用值+ ONSELECT使自动完成控制，请参阅https://facebook.github.io/react/docs/forms.html#controlled-components