我正在从 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 调用，并将结果推送到数组中。我正在使用 React，所以我的状态中有该数组，我想获取这些值并能够将它们显示在 div 内的页面上(使用给定的 className 等...)
最佳答案
你可以使用这样的map来渲染div集合
arrayWithValues.map((value, i) => {
return (<div key={i}> content here </div>)
})
关于javascript - 如何根据数组上有多少索引来显示动态的 div 集，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50274873/