2

在自动完成中,当您单击该选项时,输入值会发生变化,但是我希望单击该选项时输入值不可变。我试图将值更改回 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>
4

1 回答 1

0

对于您的问题:

但是当我单击选项时,我希望输入值不可变

我认为您可以使用 value + onSelect 来控制 AutoComplete,请参阅https://facebook.github.io/react/docs/forms.html#controlled-components

于 2017-07-19T05:07:53.817 回答