reactstrap 未在下拉列表中显示选定的默认值/值

Posted 2023-02-22

【中文标题】reactstrap 未在下拉列表中显示选定的默认值/值

【英文标题】：reactstrap not displaying the selected default value/value within the dropdown list

【发布时间】：2021-08-24 11:36:28

【问题描述】：

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

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

这里是一个代码框：

https://codesandbox.io/s/stupefied-borg-99bic?file=/src/App.js:3419-3912

谢谢

【参考方案1】：

在你的 handleSelect 函数中，你应该添加

setSelectedValue(value);

【讨论】：

我试过没有成功，在从列表中选择时，handleselect实际上是正确选择的，但是当我点击按钮时我想把选择的那个放上去

【参考方案2】：

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

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

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

【讨论】：

我接受了你的回答，因为它正在工作，但你能详细说明一下吗？非常感谢

在选择组件中，我们应该始终传递与传递选项相同的值，因此如果我们传递不同的值，则选择将不起作用。