Как использовать response-select с избыточной формой? - PullRequest
Новая
       9

Как использовать response-select с избыточной формой?

0 голосов
/ 31 мая 2018

Я пытаюсь интегрировать реагирование-выбор с использованием формы с избыточностью ...

Вот мой код 

import Select from 'react-select'
import StyledSelectField, { StyledMessages } from './style'

const SelectField = props => {
  const { input, label, placeholder, options, meta, ...StyledProps } = props
  const { onChange, onBlur, onFocus } = props.input
  return (
    <StyledSelectField {...StyledProps} meta={meta} hasValue={!!input.value}>
      <label htmlFor={input.name}>{label}</label>
      {placeholder && <div className="placeholder">{placeholder}</div>}
      <Select
        name={input.name}
        value={input.value.value}
        onChange={onChange}
        onBlur={onBlur}
        onFocus={onFocus}
        options={options}
        {...props}
      />
      <StyledMessages>
        {meta.touched &&
          ((meta.error && <span className="error">{meta.error}</span>) ||
            (meta.warning && <span className="warning">{meta.warning}</span>))}
      </StyledMessages>
    </StyledSelectField>
  )
}

class TestingCycleForm extends PureComponent {
  render() {
    const { preMonitoring, handleChange, handleSubmit } = this.props
    return (<div>
      <Field
        label="18%"
        name="patientPercentage"
        className="form-control"
        component={SelectField}
        options={Config.get('/PATIENT_PERCENTAGE')}
      />
    </div>)
  }
}

Все работает, но мое поле вводавыясняется, что я делаю здесь неправильно?

Заранее спасибо ... Любая помощь будет признательна

1 Ответ

0 голосов
/ 31 мая 2018

Вы говорите «сфокусироваться» - значит ли это, что оно очищается от размытия?Если это так, устанавливает ли onBlurResetsInput и onCloseResetsInput значение false help?

Обновление: вот ссылка на таблицу реквизитов из файла readme на github.Вы должны одновременно установить для onBlurResetsInput и onCloseResetsInput значение false, для onBlurResetsInput равным false, само по себе ничего не будет делать.вызывает очистку поля на Blur 

  <Select
    name={input.name}
    value={input.value.value}
    onChange={onChange}
    onBlurResetsInput={false}
    onCloseResetsInput={false}
    onFocus={onFocus}
    options={options}
    {...props}
  />
...