React Native 的 Button 组件的 testID 属性 - React Native 中文文档

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

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

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

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

导入模块

import { Button } from 'react-native';

使用语法

<Button testID="load_more" />

范例

下面的代码，为我们的 快点我 按钮的 testID 的值指定为 load_more ，这样，我们在 端对端 （ end-to-end ）测试中就可以通过 load_more 来定位这个组件

import React from 'react';
import {View, Alert,Button} from 'react-native';

export default class App extends React.Component {

  render() {
    return (
      <View>
        <Button 
          onPress={(e) => Alert.alert("你点击了按钮")}
          title="快点我"
          testID='load_more' 
          color="#841584"
          accessibilityLabel="please press me"
        />
      </View>
    );
  }
}