Почему форма React Redux не передает formState для параметров SELECT?

Ниже приведен соответствующий фрагмент кода. Я использую избыточную форму для визуализации поля выбора... Когда поле отображается, когда вы меняете параметр выбора, состояние формы никогда не изменяется.

console.log(this.props.formState)

Вышеупомянутое всегда отображается как неопределенное. Что я делаю не так?

let SelectGroup = ({input, title, label, type, defaultOption, options, meta: {touched, error, pristine}}) =>
    <select>
      {options.map(o =>
        <option key={o.id} value={o.id}>{o.title}</option>
      )}
    </select>
render() {
   console.log(this.props.formState)

    ....
        <Field
          component={ SelectGroup }
          name={ 'industry_id' }
          title={ 'industry_id' }
          options={ this.props.industries }
        />

  }
}



PlacePage = reduxForm({
  form: 'PlacePageForm',
  validate,
})(PlacePage);

const selector = formValueSelector('PlacePageForm')

const mapStateToProps = state => {
  return {
    formState: getFormValues('PlacePageForm')(state),
    selected_industry_id: selector(state, 'industry_id'),
    ....
  };
};




export default connect(mapStateToProps)(PlacePage);

person AnApprentice    schedule 04.08.2017    source источник
comment
Трудно сказать на примере, но если вы собираетесь настроить свой собственный компонент и передать его компоненту <Field/>, то вы несете ответственность за реализацию перехватчиков ввода. Вот часто задаваемые вопросы по этому поводу из документов redux-form redux-form .com/6.6.3/docs/faq/CustomComponent.md   -  person ryandrewjohnson    schedule 04.08.2017


Ответы (1)


Проблема решилась заменой:

<select>

to:

<select {...input}>
person AnApprentice    schedule 04.08.2017