我正在使用带有自动完成功能的formik,尽管我在从自动完成功能下拉列表中选择值时遇到了奇怪的问题,但onSelect方法执行并导致错误和被触摸的对象为空,所以一切正常。
<Autocomplete
inputProps={{
ref: el => (this.input = el),
...field,
...rest,
className: styles.inputFieldStyle,
style: {
border:
getIn(errors, field.name) && getIn(touched, field.name)
? "1px solid #ff0000"
: "1px solid #00465e"
},
onBlur: e => {
console.log("blur runing======================");
formikBlur(e);
onBlur && onBlur(e);
if (!isCreatable && options.length === 0) {
this.setState({ value: "" });
}
},
maxLength: "250"
}}
value={value}
items={options}
getItemValue={getItemValue}
onSelect={(value, item) => {
setFieldTouched(field.name, true, false);
setFieldValue(field.name, value);
setFieldError(field.name, "errors");
onSelect(value, item);
console.log("select runing======================");
}}
selectOnBlur={true}
onChange={e => {
this.setState({ value: e.target.value });
handleChange(e.target.value);
}}
/>