Loading Data into Loops

[hennessyevan]

If I want to load data asynchronously from an API to use in a loop how would I go about that?

Are external functions able to be async?

Should I instead use external state somehow or something else?

---

I'm not sure if this is correct but this seems to be working:

t.externalFunc({
  name: 'getPeople',
  func: (args = null) => {
    const cacheKey = `people-${JSON.stringify(args)}`
    let people = self.getExternalState(cacheKey)

    if (isEmpty(people)) {
      fetch('https://swapi.dev/api/people/')
        .then((response) => response.json())
        .then((json) => {
          self.updateExternalState(
            cacheKey,
            json.results.map((person) => ({
              ...person,
              image: `https://vieraboschkova.github.io/swapi-gallery/static/assets/img/people/${person.id}.jpg`,
            }))
          )
        })
    }

    return take(self.getExternalState(cacheKey), 4)
  },
})