Dropdown: incorrect selection when dynamically changing options

[searene]

I want to change a DropdownItem's text dynamically after selecting it. However I ran into an issue here.

Steps

1. Open codesandbox
2. Click on the Dropdown list
3. Select beforeSelecting
4. Click on the Dropdown list again
5. You can see that the text shown in the Dropdown list is still defaultOption, rather than afterSelecting

Expected Result

The text shown in step 5 should be afterSelecting.

Actual Result

The text shown in step5 is defaultOption.

Version

0.75.1

Testcase

https://codesandbox.io/s/8xmx8mymk9

[layershifter]

Dropdown relies on value prop, keep it same, see this pen. However, I don't see the described issue in your example, can you provide more details?

[searene]

Hi layershifter,

Here are more details.

Suppose the current selected item is defaultOption, what we see would be like this.

That's correct, but if I click on beforeSelecting, what we see would be like this.

As you can see, afterSelecting should be in the title and should be in the grey background, but it's not, that's inconsistent, and that's the issue here.

[layershifter]

Thanks, now I see the problem 👍 Looks like similar to #2336