javascript - 如何像社交媒体提要一样在 Javascript 中输出数组？

Question

我正在为我的应用程序使用 React，我已将我的数据(对象)放入一个数组中。有没有一种方法可以输出一次加载所有数据(对象数组)(例如 Twitter、Instagram、Facebook)？

目前，我正在使用 for 循环，它从我的最新帖子到结尾逐一加载。

这里有一个用于演示的循环示例。

var myArray = [
    {name: 'Dwayne', age: 28},
    {name: 'Rob', age: 32},
    {name: 'Marie', age: 22},
    {name: 'Sarah', age: 40},
    {name: 'Emma', age: 29},
    {name: 'James', age: 30}
];

for (var i = myArray.length - 1; i >= 0; i--){
    console.log(myArray[i].name, myArray[i].age);
}

Answer 1

这是一个使用 map 生成 <p/> 的示例包含名称和年龄的元素。

render(){
  const myArray = [
    {name: 'Dwayne', age: 28},
    {name: 'Rob', age: 32},
    {name: 'Marie', age: 22},
    {name: 'Sarah', age: 40},
    {name: 'Emma', age: 29},
    {name: 'James', age: 30}
  ];
  return(
    <div>
      {myArray.map((item, index) => (
        <p key={`${item.name}-${index}`}>
          Name:{item.name}, Age:{item.age}
        </p>
      ))}
    </div>
  )
}

上面的代码会输出

<div>
  <p>Name:Dwayne, Age:28</p>
  <p>Name:Rob, Age:32</p>
  <p>Name:Marie, Age:22</p>
  <p>Name:Sarah, Age:40</p>
  <p>Name:Emma, Age:29</p>
  <p>Name:James, Age:30</p>
</div>