不能設置取態反應原生

Question

你好，我試圖設置狀態的讀取調用是這樣的：

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); 
    } 

但行：

console.log(this.state.dataSource); 

還給我不確定 和我得到一個警告「測試」

有什麼問題？

TNX很多

Answer 1

您可以使用回調。

下面是代碼示例

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(); 
     }); 
} 

下面是成功和失敗呼叫的代碼備份

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

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

下面是結合的成功和失敗回調的代碼。

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

Answer 2

取是異步的，因此會立即返回，在隨後的條款代碼運行之前。因此，setState在控制檯日誌記錄之前不會運行。