为什么是React Redux Form，不传递SELECT选项的formState？

Question

Below is a relevant code snippet. I'm using redux form to render a Select Field... When the field renders, when you change the select option, the form's state is never changed.

console.log(this.props.formState)

The above always renders as undefined. What am I doing wrong?

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);

Answer 1

The issue was solved by changing:

<select>

to:

<select {...input}>