ReactJS Reactstrap 输入下拉菜单未显示所选值

Posted 2023-03-23

【中文标题】ReactJS Reactstrap 输入下拉菜单未显示所选值

【英文标题】：ReactJS Reactstrap input dropdown not showing selected value

【发布时间】：2020-12-29 23:12:32

【问题描述】：

我正在使用带有 React JS 的 reactstrap 并试图弄清楚如何绑定输入下拉列表。 当数据进入时，optionID 可以是 1 到 5 之间的任何值。我希望 当我调出 UI 时，下拉菜单总是显示 Select 选项，而不是另一个。 我想如果我设置 selected=this.state.optionID === Input.value 它将使它工作。

感谢任何帮助。谢谢。

<Input type="select" name="select" id="statusDropDown" 
value=this.state.optionID selected=this.state.optionID === Input.value  
onChange=this.handleOptionChange>
                                    <option value=0>Select</option>
                                    <option value=1>Option 1</option>
                                    <option value=2>Option 2</option>
                                    <option value=3>Option 3</option>
                                    <option value=4>Option 4</option>
                                    <option value=5>Option 5</option>
                                </Input>

【参考方案1】：

请找到工作示例here。我的建议是使用功能组件。