How to reset selectedItem?

[vmusulainen]

I have 5 selectors that are populated sequentially - the values ​​in each selector depend on the selection of the previous selector.

At the beginning, all 5 selectors are populated with default values ​​using the defaultValue property.

It needs to reset selected item at the subsequent selectors when the user changes the selection in the parent selector.

I was thinking of setting defaultValue to undefined, and that would reset the selection, but it doesn't work.

How can I do that?

[hungtrinh-asi]

You can use ref to reset the selected item like this:

<SelectDropdown
 ref={selectRef}
data=[]
...
/>

Then:
selectRef.current.reset();