使用从API检索到的我的用户集合创建JSON值数组

Question

在我的React应用程序中，我从API加载数据，这些数据返回了一组用户。

然后如何使用users集合作为源来创建具有不同属性的数组，以生成如下所示的新json数组？

export default {
  methods: {
    testStore(){
      console.log(this.$store)
    }
  }
}

我从API加载的users数组中的每个用户都具有“ user_name”和“ fav_color”属性。

export const userList = [
  { username: 'ocean', color: 'Ocean',},
  { username: 'blue', color: 'Blue',},
]

Answer 1

users.map(user => {
  userList.push({ username: user.user_name, color: user.fav_color });
});

您可以在集合上进行映射，创建自定义数据对象，然后将这些对象推入对象数组，然后传递给UI库进行渲染。

Answer 2

您应该只创建自己的字段。

示例：

const newUsers = userList.map(({username, color}) => ({
 user_name: username,
 fav_color: color
}));