Как создавать объекты динамически

Question

Я работаю с библиотекой для создания таблиц в react-pdf. И я хочу заполнить его данными api. Есть ли способ итерации внутри данных {} и создания различных объектов с данными из api. Вместо sth, например

data={[{firstName: "John", lastName: "Smith",country: "Australia"}]},
data={[{firstName: "Josh", lastName: "Pattison",country: "USA"}]}

, укажите

data={[{firstName: "John", lastName: "Smith",country: "Australia"}],
      [{firstName: "Josh", lastName: "Pattison",country: "USA"}]
}

Код

{Data.attributes.map((details) => (
  <TableBody data={[
      {firstName:  details.attributes.filter(
        (x) => x.displayName === "first name"
      )[0].value, 
      lastName: details.attributes.filter(
        (x) => x.displayName === "last name"
      )[0].value, 
      country: details.attributes.filter(
        (x) => x.displayName === "country"
      )[0].value},
  
  ]}>
</TableBody>
...

Answer 1

вы можете использовать Object.entries(), чтобы получить 2D-массив вашего объекта и использовать что-то вроде forEach или карту, чтобы иметь над ним l oop и создать желаемую форму данных:

const finalResult = {}

Object.entries(apiData).map(([key, value]) => {
   // do what ever you want here and fill your desired structure
})