ReactJS Reactstrap 输入下拉列表不显示所选值

Question

我正在将 Reactstrap 与 React JS 一起使用，并试图弄清楚如何绑定输入下拉列表。当数据进来时，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>

Answer 1

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

ReactJS Reactstrap 输入下拉列表不显示所选值

ReactJS Reactstrap input dropdown not showing selected value

reactjs

reactstrap