Formik с реакцией-автозаполнением, onSelect форсирует ошибки и касается объекта, чтобы очистить - PullRequest
0 голосов
/ 21 сентября 2019

Я использую 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

...