How do you manually set the select2 value? about react-select2-wrapper HOT 6 CLOSED

Basically, in the onSelect function, I want to show a confirm modal, and if they do not confirm, I want to return the select value to what it was previously.

I have been trying to do this for looong time and tried many different names using .val

Please can you help me. Do you have an example of how to manually set the select value of this component. I use this component everywhere in my app

from react-select2-wrapper.

1. Set ref for component

   <Select2 ref="tags" />

2. Now, you can access to select2

   this.refs.tags.el.val('discussion').trigger('change'))

   https://github.com/rkit/react-select2-wrapper#access-to-select2

from react-select2-wrapper.

But in this case, the component properties are not updated.
You can change value using prop value

from react-select2-wrapper.

@rkit Thank you soo much!

this.refs.tags.el.val('discussion').trigger('change'))

Works!

I would have never figured it out otherwise. Can you add exactly that post in the documentation under, "How to programmatically update select2"

Thanks so much for the quick reply, now I can continue!

from react-select2-wrapper.

Ok, tomorrow I will add.
Can I close issue?

from react-select2-wrapper.

Ill close it! thanks!

from react-select2-wrapper.