React Native 的 Picker.Item 组件的 testID 属性 - React Native 中文文档

React Native 的 Picker.Item 组件的 testID 属性用于在 端对端 （ end-to-end ）测试中定位该组件

这个 testID 属性有点类似于 HTML 中的 id 属性，值都是字符串形式

在国内的环境，我们一般很少用到 端对端 （ end-to-end ）测试，所以这个 testID 属性我们一般是不设置的。

但，一旦设置，就要保证该属性的值是唯一的，不唯一好像也没啥大影响，就是测试的时候会定位错误

导入模块

import {Picker} from 'react-native'

使用语法

<Picker>
  <Picker.Item testID="picker_language_item_twle" label="简单教程" value="https://www.twle.cn" />
</Picker>

范例

下面的代码，为我们的 语言选择器 的下的 “简单教程” 这个选项设置 testID 属性，并指定为 picker_language_item_twle ，这样，我们在 端对端 （ end-to-end ）测试中就可以通过 picker_language_item_twle 来定位这个组件

<Picker
  selectedValue={this.state.language}
  style={{height: 50, width: 100}}
  onValueChange={(itemValue, itemIndex) => this.setState({language: itemValue})}>
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
  <Picker.Item testID="picker_language_item_twle" label="简单教程" value="https://www.twle.cn" />
</Picker>