1. 程式人生 > >react native新手踩坑-遇到warning的相關解決辦法

react native新手踩坑-遇到warning的相關解決辦法

出現Warning:Failed child context type: Invalid child context 'virtualizedCell.cellKey' of type 'number' supplied to 'CellRenderer',expected 'string'的錯誤(如下圖示)

這裡是引用flatlist出現需要string問題,將keyExtractor對應的函式加上toString()(toString的作用就是將數字轉換成字串)即可

<FlatList
     style={styles.bgStyle}
     data={this.data}
     scrollEnabled={false}
     keyExtractor={this._keyExtractor}
     renderItem={this._renderItem}
/>

函式部分加上toString()即可:

 _keyExtractor = (item, index) => item.id.toString();

萬事看官網,官網文件說的很清楚,keyExtractor屬性指定使用id作為列表每一項的key,而這個key值是字串型別哦!