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

IT技术 javascript arrays reactjs react-native react-router
2021-05-18 01:52:07

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

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

如何传递数组的索引?这样 'myFunction' 函数每次被调用时都会得到索引值。

3个回答

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

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

阅读有关Array.prototype.map 的更多信息

地图的语法是

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

来源您可以在回调函数中找到索引作为第二个参数

只需将第二个参数传递给您的箭头函数 (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])