【问题标题】:reactstrap not displaying the selected default value/value within the dropdown listreactstrap 未在下拉列表中显示选定的默认值/值
【发布时间】:2021-08-24 11:36:28
【问题描述】:

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

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

这里是一个代码框:

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

谢谢

【问题讨论】:

    标签: reactjs select reactstrap


    【解决方案1】:

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

    setSelectedValue(value);

    【讨论】:

    • 我试过没有成功,在从列表中选择时,handleselect实际上是正确选择的,但是当我点击按钮时我想把选择的那个放上去
    【解决方案2】:

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

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

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

    【讨论】:

    • 我接受了你的回答,因为它正在工作,但你能详细说明一下吗?非常感谢
    • 在选择组件中,我们应该始终传递与传递选项相同的值,因此如果我们传递不同的值,则选择将不起作用。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-01-25
    • 1970-01-01
    • 2020-12-29
    • 2015-09-14
    • 2021-10-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多