반응 구성 요소에서 중첩 된 fetch() 호출을 올바르게 작성하는 방법은 무엇입니까?

Question

그래서 gposub의 사용자 별표 리포지토리를 해당 리포지토리의 미해결 문제와 함께 표시하는 반응 구성 요소가 있습니다. 별표가 표시된 저장소의 문제를 해결하기 위해 URL 목록을 만든 다음 가져 오기를 URL 목록에 매핑하여 약속 목록에 Promise.all을 호출합니다. 별표 표시된 repos가 포함 된 내 상태는 초기 렌더링시 설정되지만 문제의 상태는 아닙니다. 내 코드에 어떤 문제가 있습니까?

componentDidMount() { 
// headers contain auth token for github api 
let headers = new Headers() 
var myInit = { 
    method: 'GET', 
    headers: headers, 
    mode: 'cors', 
    cache: 'default' 
}; 

fetch("https://api.github.com/users/djm158/starred", myInit) 
    .then(response => response.json()) 
    .then(
    stars => { 
     this.setState({ 
     stars: stars 
    }) 

    let urls = [] 
    for (let i = 0; i < stars.length; i++) { 
     urls.push(stars[i].url + '/issues') 
    } 

    return Promise.all(urls.map(url => fetch(url, myInit))) 
    }) 
    .then(results => Promise.all(results.map(d => d.json()))) 
    .then(data => { 
    this.setState({ 
     issues: data 
    }) 
    }) 

은}

Answer 1

는 여기에 내가 https://github.com/djm158/github-starred-issues