Aufruf einer Funktion beim Öffnen eines reaktiven nativen Bildschirms

Question

Ich versuche jedes Mal einen JSON aus AsyncStorage zu laden, wenn ein Benutzer einen meiner reaktiven nativen Bildschirme öffnet (ich verwende StackNavigator). Dieser JSON enthält Informationen darüber, auf was für meine Status festgelegt werden soll.

Wie kann ich eine Funktion aufrufen, die jedes Mal ausgeführt wird, wenn dieser Bildschirm geöffnet wird?

Weitere Informationen: Ich habe eine Funktion geschrieben, die meine Zustände nach einem von AsyncStorage geladenen JSON aktualisiert. Die Funktion funktioniert perfekt, wenn sie von einer Taste aus aufgerufen wird, aber wenn die Funktion von render() aufgerufen wird, friert ein Teil meines Bildschirms ein und einige Tasten sind nicht mehr anfassbar. Seltsamerweise funktioniert nur TextInput.

Answer 1

Verwenden Sie componentWillMount() Methode. Dies wird automatisch ausgeführt, bevor die Methode render() ausgelöst wird.

class Sample extends Component{ 
    state = {data : []}; 
    componentWillMount(){ 
     this.setState({data : inputObject}); 
    } 
    render(){ 
     return(
      <View> 
      //you can render the data here 
      </View> 
     ); 
    } 
} 

Referenz: https://facebook.github.io/react/docs/react-component.html#componentwillmount