React Native - 如何在map函数中传递索引

Question

我有一个map函数来重复和动态地创建一个组件。假设它是这样的：

renderBoxes() {
    return Array.map(data => this.myFunction(indexOfThisArray));
} 

如何传递数组的索引？这就是＆＃39; myFunction＆＃39;函数每次调用时都会获取索引值。

Answer 1

Map提供第二个参数作为当前元素的索引，第三个参数作为整个数组本身。

renderBoxes() {
    return Array.map( (data, index, array) => this.myFunction(index));
} 

详细了解Array.prototype.map

Answer 2

map的语法是

var new_array = arr.map(function callback(currentValue, index, array) {
    // Return element for new_array
}[, thisArg])

source。您可以在回调函数

中找到索引作为第二个参数

Answer 3

只需将第二个参数传递给箭头函数(data, index)

renderBoxes() {
    return Array.map((data, index) => this.myFunction(indexOfThisArray));
} 

签署.map

var new_array = arr.map(function callback(currentValue, index, array) {
    // Return element for new_array
}[, thisArg])