7-4 列表实现&数据渲染 FlatList 渲染失败的问题
来源：7-4 列表实现&数据渲染【封装与复用】
那辰4403872
2019-12-08
我的查错方式
1.首先使用普通方法打印通过url请求的数据查看格式是否正常
可以看到能准确的取出每个item字段证明数据格式是正确规范的
2.回到 FlatList 的 renderItem={data => {this.renderItem(data);}} 渲染我依旧能在debug的控制台里打印出数据如下图
在FlatList列表的每个cell渲染函数里renderItem( )依旧可以在控制台准确的打印item数据
3.回到FLatList代码如下
import {FlatList, RefreshControl} from ‘react-native’;
页面就是一片空白了
写回答
1回答
-
那辰4403872
提问者
2019-12-08
解决了！！！我特么手快，多打了一对花括号！把调用函数得到的返回值 套在 { } 函数体里了！！！
renderItem = { data => { this.renderItem(data) } }
改成：
renderItem = { data => this.renderItem(data) }
10
相似问题