RN-Flatlist组件，更新数据，数据显示错乱

1.需求

从后台获取的数据列表，在Flatlist组件显示，本地根据名称对每一个Item进行模糊查询，数据查询打印出来的是对的，但是组件上显示错误，

2.原因

可能是由，Flatlist组件渲染机制导致，props在全等比较中没有变化，所以组件不会更新数据

3.解决

在组件属性中加上：extraData={this.state}

<FlatList extraData={this.state} data={deviceAreaList} numColumns={2} keyExtractor={(item, index) => `${item.areaId}`} renderItem={({ item }) => this.renderCell(item)} ListEmptyComponent={this.ListEmptyComponent(deviceNum, isSearchArea)} refreshing={refreshing} onEndReachedThreshold={0.1} showsVerticalScrollIndicator={false} refreshControl={ <RefreshControl refreshing={refreshing} colors={['#ff0000', '#00ff00', '#0000ff']} progressBackgroundColor={"#ffffff"} onRefresh={() => this.onRefreshAction()} /> } />