react select默认选项_javascript – 如何使用react js在select中设置默认值

一种可能的解决方案是：使用

controlled component表示使用select字段的value属性,而不是在选项上使用selected属性.每当银行列表发生任何变化时,重置状态选择归档值的值.还可以使用默认选项定义value =”.

像这样：

{this.props.defaultOption}

{makeDropDown()}

;

从父组件传递值,如下所示：

value={this.state.bankName}

data={this.state.bankData}

defaultOption="select Bank"

callbackFn={this.callStateService}

/>

value={this.state.stateName}

data={this.state.stateData}

defaultOption="select State"

callbackFn={this.callDistrictService}

/>

为状态选择字段更改定义onChange函数：

callDistrictService = value => {

this.setState({ stateName: value });

}