React-Native 踩坑

1.错误日志:Warning: Failed child context type: Invalid child context virtualizedCell.cellKey of type number supplied to CellRenderer, expected string

原因:使用FlatList出现的红色错误警告,原因是FlatList的每一个Item都需要一个唯一的key来标记识别,并且此标记的value值可接受类型是string
处理方法:将keyExtractor此值转换为string
处理代码:
<FlatList
         data={this.state.dataList}
         renderItem={this.renderCell}
         keyExtractor={this.keyExtractor}
         onRefresh={this.requestData}
         refreshing={this.state.refreshing}
         ListHeaderComponent={this.renderHeader}
 />

keyExtractor = (item: Object, index: number) => {
        return item.id.toString()
}
2.错误:React-Navigation使用出现Warning: isMounted(...) is deprecated in plain Javascript Classes. Inst
原因:源代码内部有被React放弃维护弃用的方法
处理方法:在index.js中引入以下代码,忽略警告
处理代码:
import { YellowBox } from 'react-native';
YellowBox.ignoreWarnings(['Warning: isMounted(...) is deprecated', 'Module RCTImageLoader']);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容