小编oah*_*ehc的帖子

如何在 v2.0.0 的 onBlur 时为 react-select Async 设置 defaultValue 并且不重置?

我尝试应用 react-select 来创建像演示一样异步选择,并希望为输入添加默认值。
如下,onBlur 时默认值会清零,因为 onBlur 会默认触发 handleInputChange 事件,值为空。
我通过像“onBlurResetsInput”一些默认设置猜测这力量的情况下,但“onBlurResetsInput”道具已经在被删除V2.0.0。所以想知道如何防止 onBlur 重置,谢谢。

import Async from 'react-select/lib/Async';
export class AsyncSelect extends React.PureComponent {
  state = {
    inputValue: this.props.defaultValue,
  }

  handleInputChange = (value) => {
      this.setState({
        inputValue: value,
      });
      this.props.syncOptions(value);
  }

  render() {
    return (
        <Async
          inputValue={this.state.inputValue}
          onInputChange={this.handleInputChange}
          options={this.props.options}
          onChange={(option) => this.props.selectOption(option.value)}
        />
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

reactjs react-select

5
推荐指数
1
解决办法
7310
查看次数

标签 统计

react-select ×1

reactjs ×1