愛可信陣圖回調

Question

在我反應器ES6的應用程序，我需要做如下： 得到一些機構的混帳中樞成員的名單，並在其後得到每個人的信息的詳細內容。

代碼：

handleDevelopers(res){ 
 
\t \t let lista = res.data.map(function(result) { 
 
\t  \t axios.get('https://api.github.com/users/'+result.login) 
 
\t  \t .then(function (response) { 
 
\t  \t \t console.log(response.data.name); 
 
\t  \t \t return <GitUser key={response.data.id} name={response.data.name}/>; 
 
\t  \t }); 
 

 
\t   
 
\t  }); 
 

 
\t  this.setState({ 
 
\t   users: lista 
 
\t  }); 
 
\t } 
 

 
\t componentWillMount() { 
 
\t \t axios.get('https://api.github.com/orgs/:orgname/members') 
 
\t  .then((jsonRes) => this.handleDevelopers(jsonRes)) 
 
\t }

我怎樣才能SETSTATE地圖完成後？

Answer 1

handleDevelopers(res){ 
    let _self = this 
    axios.all(res.data.map(function(result) { 
     return axios.get('https://api.github.com/users/'+result.login) 
     .then(function (response) { 
      console.log(response.data.name); 
      return <GitUser key={response.data.id} name={response.data.name}/>; 
     });  
    })).then(function(lista){ 
     _self.setState({ 
      users: lista 
     });  
} 

componentWillMount() { 
    axios.get('https://api.github.com/orgs/:orgname/members') 
    .then((jsonRes) => this.handleDevelopers(jsonRes)) 
}