reactjs – 如何为Picker提供默认的“Please select …”选项?

前端之家收集整理的这篇文章主要介绍了reactjs – 如何为Picker提供默认的“Please select …”选项?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想让我的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>
原文链接:https://www.f2er.com/react/300959.html

猜你在找的React相关文章