FlatList警告key问题

<center>FlatList警告key问题</center>

按照官网上的说明并不能解决问题:

_keyExtractor = (item, index) => item.id;
render() {
    return (
      <FlatList
        data={this.props.data}
        extraData={this.state}
        keyExtractor={this._keyExtractor}
        renderItem={this._renderItem}
      />
    );
  }

这样写还是会报key的警告

PS:应该像这样写

render() {
    return (
      <FlatList
          showsHorizontalScrollIndicator={false}
           showsVerticalScrollIndicator={false}
           keyExtractor={(item, index) => index.toString()}
           data={this.state.datasource}
           renderItem={this._renderItem}
           enableEmptySections={true} >
      </FlatList>
    );
  }

关键在于.tostring()的运用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。