如何根据我在数组上的索引数显示一组动态div

Question

我正在从FCC创建维基百科查看器。我想显示一组div，具体取决于我在数组上有多少个值。像这样：

const arrayWithValues= ['1','2','3','4','5'];

因此对于我的数组中的每个值，我想要这样的东西：

//the key is passed as the index of the array
<div key={i}> content here </div>
<div key={i}> content here </div>

所以在使用map之前我似乎已经看过了，但是不记得如何使用它。

问题是我有一个空数组，但在用户搜索给定输入后。我做了一个api调用，结果被推入一个数组。我正在使用反应，所以我在我的状态上有这个数组，我想获取这些值，并能够在div内的页面上显示它们（使用给定的className等...）

Answer 1

您可以使用这样的地图来渲染div

的集合

arrayWithValues.map((value, i) => {
 return (<div key={i}> content here </div>)
})