Not triggering props.onChange initially and when props.value changes + Old props.onChange gets triggered about react-select2-wrapper HOT 9 OPEN

@rkit seems to work here,
edit: seems to get callstack error though, investigating.. get change events in loop when I try to load the values (I use https://github.com/davidkpiano/react-redux-form )

edit2: seemed to be the regular dropdown in same form as my multiselect which went on a loop when new props triggered change event. I changed dropdown to using onSelect and multiselect to use onChange which seems to work. The const handlerChanged = e => prevProps[e[1]] !== props[e[1]]; check was always true for the dropdown when using onChange

unrelated note: onUnSelect seems to trigger react unknown prop warning

from react-select2-wrapper.

1. I think no.

Triggered whenever an option is selected or removed.
https://select2.github.io/options.html#events

2. I will fix it soon

from react-select2-wrapper.

Please, try a new pre-release 1.0.4-beta1

from react-select2-wrapper.

Thanks Igor, I will test and update.

from react-select2-wrapper.

Hi Igor, Thanks the change works for my use case. Just a comment though. Should not it be 'prevProps' that are passed to this.detachEventHandlers() in updSelect2(). With the existing code you now cannot detach the handlers by simply not setting the corresponding props (onChange, onSelect ..)

Also on #1 from the issue,
I understand the trigger('change') call in updateValue() is needed for the select2 UI to update but this would also call the onChange() callback parent react component passes which seems unnecessary. We could add this check See master...vivekmoosani:master

from react-select2-wrapper.

Should not it be 'prevProps' that are passed to this.detachEventHandlers() in updSelect2().

Oh, yes, you're right, but you mean nextProps instead of prevProps ?
We should detach the previous events.

Is it possible to not trigger the props.onChange() when Select2 is rendered the very first time or when props.value() is explicitly changed

… but this would also call the onChange() callback parent react component passes which seems unnecessary. We could add this check See

Yes, now I understand. I agree this needs to be fixed.

from react-select2-wrapper.

Should not it be 'prevProps' that are passed to this.detachEventHandlers() in updSelect2().

Oh, yes, you're right, but you mean nextProps instead of prevProps ?We should detach the previous events.

I meant prevProps. Say for the first render you passed
<Select2 onChange={change1} onSelect={select1} />
but then then you update props so that you only pass onChange
<Select2 onChange={change2} />

updSelect2(props) - if you do this.detachEventHandlers(props); where props are the nextProps from componentWillReceiveProps() it would detach change1 but not select1 as props.onSelect is undefined. So we should do this.detachEventHandlers(prevProps)

from react-select2-wrapper.

Yes, I meant the same. Should be prevProps.

We should detach the previous events.

I will fix it soon. Thanks for the report.

from react-select2-wrapper.

Please, try a new pre-release 1.0.4-beta2

from react-select2-wrapper.