Kann nicht Zustand eingestellt auf Abruf reagieren nativen

Question

Hallo Ich habe versucht, den Zustand zu setzen auf wie diese holen nennen:

getCats() { 
     fetch(GLOBALS.API + '/specials.php?action=getCats&key=' + GLOBALS.KEY) 
     .then((response) => response.json()) 
     .then((responseJson) => { 
      this.setState = ({ 
       dataSource: "test" 
      }); 
Alert.alert("test"); 

     }) 
     .catch((error) => { 
      console.log(error.toString()); 
     }); 
    } 

    componentDidMount() { 
     this.getCats(); 
     console.log(this.state.dataSource); 
    } 

aber die Zeile:

console.log(this.state.dataSource); 

Rückkehr mich undefined und ich bekomme ein Alarm von "Test"

was das Problem?

tnx viel

Answer 1

Sie können Callbacks verwenden.

Unten ist der Code Beispiel

getCats(successCallBack, failureCallback) { 
    fetch(GLOBALS.API + '/specials.php?action=getCats&key=' + GLOBALS.KEY) 
     .then(
      function(response) { 
       if (response.status !== 200) { 
        console.log('Looks like there was a problem. Status Code: ' + 
         response.status); 
        failureCallback(); 
       } 
       // Examine the text in the response 
       response.json().then(function(data) { 
        console.log(data) 
        successCallBack(data); 
       }); 
      } 
     ) 
     .catch(function(err) { 
      console.log('Fetch Error :-S', err); 
      failureCallback(); 
     }); 
} 

Unten ist der Code für Erfolg und Misserfolg Rückrufe

successCallBack(data) { 
    console.log(data) 
} 

failureCallback() { 
    alert("failure"); 
} 

Unterhalb der Code ist Erfolg und Misserfolg Rückrufe zu binden .

getCats(this.successCallBack.bind(this), this.failureCallback.bind(this)); 

Answer 2

Fetch ist asynchron, so dass es sofort zurück, bevor der Code in der dann Klauseln ausgeführt werden. Daher wurde setState vor der Konsolenprotokollierung nicht ausgeführt.