Обновление всех компонентов с использованием плоского списка - PullRequest
Новая
       10

Обновление всех компонентов с использованием плоского списка

0 голосов
/ 10 декабря 2018

Я использую шаблон, в котором 4 компонента используют один и тот же элемент.Я создал другой список, такой как компонент QuotesList, компонент VideoList, компонент AllList.Все это использует 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}/>}
            />

Я хочу, чтобы, если я внесу какие-либо изменения в комментарий во всех компонентах твитов, он должен отображаться в списке твитов цитатЯ даже пытаюсь с дополнительными данными, но это не работает.

...