reactjs – 如何为Picker提供默认的“Please select …”选项?
发布时间:2020-12-15 20:47:09 所属栏目:百科 来源:网络整理
导读:我想让我的Picker在启动时显示“默认选项”.这意味着:像“请选择一个选项”之类的东西. 我试图用这个短语手动添加一个选项,但是,这样在选择其他选项后可以重新选择“默认选项”,就像它是真正的选项之一.有一些方法可以做到这一点? View style={Styles.row}
我想让我的Picker在启动时显示“默认选项”.这意味着:像“请选择一个选项”之类的东西.
我试图用这个短语手动添加一个选项,但是,这样在选择其他选项后可以重新选择“默认选项”,就像它是真正的选项之一.有一些方法可以做到这一点? <View style={Styles.row}> <Picker selectedValue={this.state.initialOption} onValueChange={this.handleChangeOption} prompt='Options'} > <Picker.Item label='Please select an option...' value='0' /> <Picker.Item label='option 1' value='1' /> <Picker.Item label='option 2' value='2' /> </Picker> </View>
您可以在handleChangeOption中添加一个条件,这样它只会在值不为0时设置状态(请选择一个选项… Picker).就像是:
handleChangeOption(val) { if (val !== 0) { this.setState({selectedValue: val}); } } ... <View style={Styles.row}> <Picker selectedValue={this.state.selectedValue} onValueChange={this.handleChangeOption} prompt='Options'} > <Picker.Item label='Please select an option...' value='0' /> <Picker.Item label='option 1' value='1' /> <Picker.Item label='option 2' value='2' /> </Picker> </View> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |