axios 数组映射回调

Posted 2023-02-22

【中文标题】axios 数组映射回调

【英文标题】：Axios array map callback

【发布时间】：2016-03-28 02:25:53

【问题描述】：

在我的 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))
	

地图完成后如何设置状态？

【参考方案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))