Фильтрующий топор ios ответ

Question

Я пытаюсь отфильтровать ответ топора ios. Моя последняя попытка фильтра работает, но мои компоненты не получают ожидаемые данные, только правильное количество записей.

methods: {
    loadItems() {

      // Init variables
      var self = this
      var app_id = "ID";
      var app_key = "KEY";
      this.items = []
      axios.get(
        "https://api.airtable.com/v0/"+app_id+"/Pages",
        { 
          headers: { Authorization: "Bearer "+app_key } 
        }
      ).then(function(response){
        self.items = response.data.records.filter(item => item.fields.fxPage == 'TestPage');
        response.data.records.map((item)=>{

          return {
              id: item.id,
              ...item.fields
          }
        })
      }).catch(function(error){
        console.log(error)
      })
    }
  }

Answer 1

Так близко!

метод .map() возвращает массив NEW, поэтому карта в этом случае просто возвращается и нигде не используется (например, сохранение в переменную), что я бы сделал: прикрепить карту после фильтра. например,

self.items = response.data.record.filter(item => item.fields.fxPage === "TestPage").map(item => {
   return {
      id: item.id,
      ...item.fields
   }      
})

Надеюсь, это поможет!