Как обработать промис?

Question

[annaumof]

export class ListRep {



  async getFetch() {
    const response = await fetch(`https://api.github.com/search/repositories?q=stars%3A%3E0&sort=stars&per_page=${10}&page=${1}`)
    const data = await response.json()
    console.log(data.items)
  }


  render(data) {

    const res = data.map(el => {
      return `
        <ul class="listRep">
          <li>
            <span>${el.name}</span>
            <span>${el.stargazers_count}</span>
            <span>${el.updated_at}</span>
            <a href="${el.html_url}">${el.html_url}</a>
          </li>
        </ul>
      `
    })

    res.join('')

    return res
  }

}

Comments

[Kovalsky]

Скачанные данные никуда не сохраняются, метод рендер не вызывается

Answer 1

[MifeeX]

Вы data запихнули в getFetch(), поэтому ничего и не происходит.

т.е. функция render() пытается найти переменную data, но не может, т.к. последняя в области видимости другой функции

Переменную можно объявить выше класса ListRep

Comments

[Роман]

Переменную можно объявить выше класса ListRep

зачем плодить переменные вне класса, если их использование происходит только внутри класса?

почему бы просто не создавать ее как свойство класса (this,data = ....) а в render-е проверять, существует/не существует this.data и если существует отдавать нужный контент, если же не существует, то вызывать this.getFetch и ждать?