redux-form and react-select onChange doesn't update redux value

Question

So I'm having issues using redux-form with react-select, this is what I have so far:

<Field
   name="objective"
   type="text"
   component={prop => <FormSelect {...prop} options={options} />}
   label="Objective"
/>

And then:

const FormSelect = ({ options, label, input: { value, onChange, onBlur } }) =>
  <ControlGroup title={label} styleId={label}>
    <Select
      options={options}
      simpleValue
      onChange={onChange}
      value={value}
      onBlur={() => onBlur(value)}
      id={label}
    />
  </ControlGroup>;

But then the select value does not change..

I get a redux-form/CHANGE with a action.payload of awareness (which is the value I want to select), but right after there is another redux-form action redux-form/BLUR with an action.payload of "".

I've read a bunch of github issues about this, tried a lot of them but nothing seems to be working..

example:

https://github.com/JedWatson/react-select/issues/1129

https://github.com/erikras/redux-form/issues/82

I also tried: onBlur={() => onBlur('awareness')} and it did not change the value on the select, even both payloads were had the same value..

what happens if you add console.log(value) to your FormSelect, is the selected value ever passed? — narvoxx
– narvoxx, Commented Oct 25, 2016 at 20:59

Flávio Carvalho · Accepted Answer · 2016-10-25 21:24:01Z

1

I forgot to add redux-form reducer to my reducers.. Thanks anyway

answered Oct 25, 2016 at 21:24

Flávio Carvalho

1492 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

redux-form and react-select onChange doesn't update redux value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related