ReactJS：从像 Int32Array 和 Float32Array 这样的索引集合上的地图返回 div 或 span 返回 0 和 NaN

Question

1. 创建一个简单的反应应用程序
2. 添加具有一些值的 Int32Array。 （这里我们取 [12, 4, 15, 6]）
3. 在变量上使用 map 并返回一个带有内部值的 div 或 span

let intArray = new Int32Array([12, 4, 15, 6]);

<div>
  <div>IntArray {intArray.join(", ")} Below</div>
    {
        intArray.map((el, index) => {
        return(
            <div>
            {index}: {el}
          </div>
        )
      })
    }
  </div>
</div>

JSFiddle https://jsfiddle.net/3xfzstb5/

输出

0000

预期产出

12
4
15
6

当返回包裹在 div 或 span 中的地图时会发生这种情况。 有没有我（或 React）缺少的非常基本的东西？

Answer 1

如果你控制台intArray你会发现它被转移到一个对象

Int32Array {0: 12, 1: 4, 2: 15, 3: 6}

对于这种对象，我们可以用Object.values()代替 Array map()

{Object.values(intArray).map((el, index) => {
  return (
    <div>
      {index}: {el}
    </div>
  );
})}

---

---