отправки пользовательских действий на Redux-форме при OnChange выберите

Question

Учитывая пользовательский компонент:

export const RenderDropDown = (props) => { 
    const {values, input, label, type, meta: {touched, error, active}} = props; 

    var options = function (value, index) { 
     return <Option key={index} 
         value={value} /> 
    }; 

    return(
     <div> 
     <select {...input}> 
      <option value="">--- Select a nationality ---</option> 
      {values.map(options)} 
     </select> 
     </div> 
    ) 
} 

завернутые в компоненте поля Redux-формы

<Field name="nationality" component={RenderDropDown} values={props.nationalities}/> 

Я хочу, что когда select пожары "OnChange" событие, пользовательское действие отправляется помимо действия Redux-формы (AKA @@ redux-form/change)

Как я могу это достичь?

Я попытался передать реквизитом функцию вызова и установить обработчик onChange на теге <select>, но это переопределяет форму редукции onChange.

Любая помощь оценена!

Answer 1

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

const { onChange, ... } = props; 
... 
<select onChange={(e) => { 
    const val = e.target.value 
    // whatever stuff you want to do 
    onChange(val) 
}} />