Formik具有react-autocomplete,onSelect强制错误且触摸的对象为空

时间:2019-09-21 11:07:35

标签: reactjs autocomplete formik

我正在使用带有自动完成功能的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);
          }}
        />

我提供了控制台的屏幕截图 enter image description here

0 个答案:

没有答案