React native 如何在React native中单击按钮打开文档选择器

我已经尝试了这个链接（）中给出的相同方法，但是它在表单加载本身上打开了文档选择器

import React，{Component}来自'React'；
从“react native”导入{平台、样式表、文本、视图、按钮}；
从“react native document picker”导入{DocumentPicker，DocumentPickerUtil}；
const指令=Platform.select({
ios:'按Cmd+R重新加载，\n'+'Cmd+D或抖动开发菜单'，
安卓：
'双击键盘上的R以重新加载，\n'+
'为开发菜单摇动或按下菜单按钮'，
});
类型Props={}；
导出默认类应用程序扩展组件{
TryUploadFile=（）=>{
DocumentPicker.show({
文件类型：[DocumentPickerUtil.images（）]，
}，（错误，分辨率）=>{
//安卓
console.log(
res.uri，
res.type，//mime类型
res.fileName，
res.fileSize
);
});
}
render（）{
返回(
欢迎来到这里！
要开始，请编辑App.js
{指令}
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
为内容辩护：“中心”，
对齐项目：“居中”，
背景颜色：“#F5FCFF”，
},
欢迎:{
尺寸：20，
textAlign:'中心'，
差额：10，
},
说明：{
textAlign:'中心'，
颜色：'#333333'，
marginBottom:5，
},
});

将此

onPress={this.TryUploadFile（）}

更改为

onPress={this.TryUploadFile}

on按钮

如何读取文件内容并将其作为字节数组发送到web api