Axios 數組映射回調

Question

在我的 React ES6 應用程序上，我需要執行以下操作：獲取某個組織的 git hub 成員列表，然后獲取每個組織的信息詳細信息。

編碼：

 handleDevelopers(res){ let lista = res.data.map(function(result) { 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}/>; }); }); this.setState({ users: lista }); } componentWillMount() { axios.get('https://api.github.com/orgs/:orgname/members') .then((jsonRes) => this.handleDevelopers(jsonRes)) }

地圖完成后如何設置狀態？

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