Javascript 平面列表不在React Native上呈现数据

我想展示API中的数据报表。但结果与这张照片完全不同

这是在显示日期的数据库之前

下面是reportbooksummary.js的代码

类ReportBookSummary扩展组件{
构造函数（）{
超级（）；
此.state={
孤岛加载：是的，
身份证号码簿：“”，
起始日期：''，
结束日期：“”，
数据：[]
};
}
componentDidMount（）{
这是fetchdata（）；
}
fetchdata=async（）=>{
让id_book=this.props.navigation.state.params.id_book；
让TanggalStart=this.props.navigation.state.params.TanggalStart；
让TanggalEnd=this.props.navigation.state.params.TanggalEnd；
const response=等待获取（'http://192.168.0.21/library-api/reportbook.php?id_book=“+id_book+”&TanggalStart=”+TanggalStart+”&TanggalEnd=”+TanggalEnd）；
const responseJson=wait response.json（）；
this.setState（{data:responseJson}）；
};
_renderItem=（{item}）=>(
ID簿：{item.ID\u Book}
图书名称：{item.Book\u Name}
作者：{item.Author}
描述：{item.Description}
书价：{item.Book_Price}
ID发布：{item.ID\u发布}
ID分支：{item.ID_分支}
数量：{item.Qty}
租赁数量：{项目.租赁数量}
图像名称：{item.imagename}
图像路径：{item.imagepath}
输入日期：{item.Entry_Date}
);
render（）{
返回(
报告书
列表报告簿
索引}
/>
this.props.navigation.navigate（'ReportBook'）}>
回到报告本
);
}
}
const styles=StyleSheet.create({
主容器：{
对齐项目：“居中”，
弹性：1，
paddingTop:30，
背景颜色：“#fff”
},
容器：{
背景颜色：“#228B22”，
身高：700，
},
子视图：{
背景颜色：“白色”，
身高：399，
玛金托普：240，
BorderTopRight半径：40，
borderTopLeftRadius:40，
},
标题文字：{
尺寸：20，
marginLeft:20，
fontWeight:'粗体'，
颜色：'白色'，
位置：'绝对'，
玛金托普：140，
},
潜台词：{
颜色：'黑色'，
玛金托普：20，
尺寸：30，
fontWeight:'粗体'，
marginLeft:40，
},
名称输入：{
身高：40，
宽度：270，
marginLeft:40，
边界宽度：1，
玛金托普：30，
},
btn:{
身高：50，
宽度：200，
背景颜色：“#228B22”，
边界半径：80，
marginLeft:70，
玛金托普：30，
为内容辩护：“中心”，
对齐项目：“居中”，
},
btnTxt:{
颜色：'白色'，
fontWeight:'粗体'，
尺寸：20，
},
端视图：{
flexDirection:'行'，
justifyContent:'之间的空间'，
},
endTxt:{
尺寸：15，
玛金托普：30，
marginLeft:60，
fontWeight:'粗体'，
},
endBtn:{
marginLeft:50，
justifyContent:'之间的空间'，
},
登录文本：{
尺寸：15，
fontWeight:'粗体'，
玛金托普：24，
},
});
导出默认ReportBookSummary；

---

我的js代码有问题吗？我认为这个应该可以正常工作

这是我正在使用的导入{Text，View，StyleSheet，touchablepacity，Picker}从'react native'导入；从“React”导入React，{Component，setState}；从“react native DatePicker”导入日期选择器；Try data={response}已经开始工作了，谢谢