無法在componentDidMount的setState上調用回調函數？ - 陣營

Question

考慮以下的簡單代碼：

componentDidMount() { 
    this._fetchData(); 
    } 

    _fetchData() { 
    let url = UrlFormatter() + '/api/v1/blogs/'; 

    $.get(url, (result) => { 
     if (result.status === 401) { 
     this.setState({ 
      error: 'Your session has expired. We cannot load data.', 
     }); 
     } else { 
     console.log('obvs here'); 
     this.setState({ 
      error:    null, 
      data:    result, 
     },() => { 
      console.log('dasddsa'); 
      this._setUpPostCollapseStatus(); 
     }); 
     } 
    }).fail((response) => { 
     this.setState({ 
     error: 'Could not fetch blogs, something went wrong.' 
     }); 
    }); 
    } 

如果我們調查，我們看到控制檯：

obvs here

但我們從來沒有看到：dasddsa，現在要麼這是一個錯誤，或者你不能在componentDidMountsetState上調用回調函數 - 或者我在ES6上失敗。

想法？

Answer 1

嗯，我無法複製這個;不知道這是否會是有益的，但這裏的解決componentDidMount承諾，並使用setState回調的例子：

http://codepen.io/mikechabot/pen/dXWQAr?editors=0011

承諾

const promise = new Promise(resolve => { 
    setTimeout(() => { 
    resolve('Fetched data!') 
    }, 2000) 
}) 

組件

componentDidMount() { 
    console.log('Mounting...'); 
    promise 
     .then((data) => { 
     this.setState({ data },() => { 
      console.log('Data loaded') 
     }) 
     }) 
     .catch(error => { 
     console.log('Error', error); 
     }) 
    } 

控制檯

> "Mounting..." 
> "Data loaded"