我使用的模式中有4个组件使用相同的项目 . 我做了一个不同的列表,如QuotesList组件,VideoList组件,'AllList component' . 所有这些都使用 FlatList ,它们转到Item组件 . 假设我的AllList也包含QuotesList中的数据 . 所以如何管理,以便如果我在任何AllList中进行更改也反映了QuotesList .

所有推文的平面列表

<FlatList
            refreshing={this.state.refresh}
            onRefresh={()=>this.refreshAllTweets()}
            data={tweets}
            extraData={this.state.refreshFlatlist}
            keyExtractor={(item, index) => index.toString()}
            renderItem={({item}) => <TweetItem reloadComponent={()=>this.reload()} name={this.state.name}  onPress={()=>this.goToDetail(item.id)} onImagePress={()=>this.toggleModal(item.id)} onCommentPress={()=>this.showComments(item.id)} tweet={item}/>}
            />

报价推文的平面列表

<FlatList
            refreshing={this.state.refresh}
            onRefresh={()=>this.refreshQuotesTweets()}
            data={tweets}
            extraData={this.state.refreshFlatlist}
            ref={(c) => {this.flatList = c;}}
            keyExtractor={(item, index) => index.toString()}
            renderItem={({item}) => <TweetItem reloadComponent={()=>this.reload()} name={this.state.name} onImagePress={()=>this.toggleModal(item.id)} onPress={()=>this.goToDetail(item.id)} onCommentPress={()=>this.showComments(item.id)} tweet={item}/>}
            />

我希望如果我在所有推文组件的评论中进行任何更改,它必须反映引号推文列表 . 我甚至尝试使用额外的数据,但它无法正常工作 .