使用React获取箭头函数的返回值

Question

我有这个箭头功能：

saveNewPermissions = (newGroupPermissions, groupName) => {
    fetch(this.baseUrl + "/addPermission/group/" + groupName, {
        method: 'PUT',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
            'Access-Control-Allow-Origin': '*',
        },
        body: JSON.stringify({
            permissions: newGroupPermissions
        })
    }).then(response => response.json())
        .then(json => {
            console.log(JSON.stringify(json))
            return json;
        });
}

上面的函数在Service文件上，在我的组件类中，我想获得函数返回的json：

 this.Service.save(newList, groupName)

我试图这样做，但它没有工作：

 this.uaaService.saveNewPermissions(newList, groupName).then(response=>{
   console.log(response)
 })

Answer 1

首先，您需要从箭头函数返回Promise

saveNewPermissions = (newGroupPermissions, groupName) => {
  return fetch(...) // returns a Promise object
}

那么如果你期望newList成为一个数组，你想做：

this.uaaService.saveNewPermissions(newGroupPermissions, groupName).then((newListJSON) => {
  this.Service.save(newListJSON, groupName);
})