我尝试应用 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)