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

Question

我在React JS中使用reactstrap并试图弄清楚如何绑定输入下拉列表。 当数据输入时，optionID可以是1到5之间的任意值。我希望 当我调出用户界面时，下拉菜单始终显示“选择”选项，而从未显示其他选项。 我以为如果设置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。我的建议是使用功能组件。