无法在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"