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

Question

我正在使用带有 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>

Answer 1

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