Reactjs 在下拉列表中不显示选定的默认值/值

Reactjs 在下拉列表中不显示选定的默认值/值,reactjs,select,reactstrap,Reactjs,Select,Reactstrap,通过单击按钮,a必须将默认值/值设置到下拉列表中 我无法在选项下拉列表中显示所选的值,我尝试使用状态和硬编码的defaultValue/value,但下拉列表仍然呈现来自父组件的列表 这里是一个代码沙盒: 谢谢在handleSelect函数中,您应该添加 setSelectedValue(值)您的选择组件正在接受以下格式的默认值/值 id/type 因此,您需要更改在handleClick函数中存储选定值的方式,如下所示:- setSelectedValue(`${removedUndefin

通过单击按钮,a必须将默认值/值设置到下拉列表中

我无法在选项下拉列表中显示所选的值,我尝试使用状态和硬编码的defaultValue/value,但下拉列表仍然呈现来自父组件的列表

这里是一个代码沙盒:


谢谢

在handleSelect函数中,您应该添加


setSelectedValue(值)

您的
选择组件正在接受以下格式的默认值/值
id/type

因此,您需要更改在
handleClick
函数中存储选定值的方式,如下所示:-

setSelectedValue(`${removedUndefined[0].id}/${removedUndefined[0].type}`);

我尝试了,但没有成功,在handleselect中,当从列表中选择时,实际上是正确的选择,但我想在单击按钮时将所选的一个放入我接受了你的答案,因为它起作用,但你能详细说明一下吗?多亏了lotIn select组件,我们应该始终在传递选项时传递相同的值,所以如果传递不同的值,则select将不起作用。