Come aggiornare lo stato React dopo aver eseguito navigator.pop()?

Question

Mentre si lavora con Reagire nativo, ho un paio di componenti che vengono spinti l'uno sopra l'altro, alcuni dei quali cambiare lo stato del componente sotto di loro, in questo modo:

sociali -> Gruppi -> Aggiungi gruppo

Tuttavia, quando eseguo navigator.pop() per tornare al componente precedente (ad esempio, dopo aver aggiunto un gruppo all'account di un utente), il componente sottostante (in questo caso, "Gruppi") non verrà aggiornato con lo stato più recente .

Cosa sto facendo di sbagliato qui?

Answer 1

Risulta sono stato in grado di risolvere questo inserendo un componentWillUpdate sulla componente 'Gruppi', vale a dire, ogni volta che i Gruppi aggiornamenti dei componenti, si innesca una funzione loadGroupsData:

componentWillUpdate() { 
    this.loadGroupsData(); 
} 

... a cui la funzione loadGroupsData verifica eventuali differenze e, se presenti, carica:

loadGroupsData() { 
api.getUserGroups(this.state.userId, (data) => { 
    data.forEach((group, index) => { 
    group.groupname = group.groupname; 
    }); 
    if (this.state.dataSource._cachedRowCount === undefined || this.state.dataSource._cachedRowCount !== data.length) { 
    this.setState({ 
     usersGroups: data.map(data => data.groupname), 
     dataSource: this.state.dataSource.cloneWithRows(data), 
     loaded: true, 
    }); 
    } 
});}