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

Posted 2023-02-22

【中文标题】React Native - 如何在地图函数中传递索引

【英文标题】：React Native - How to pass index in map function

【发布时间】：2018-02-12 23:59:35

【问题描述】：

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

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

如何传递数组的索引？这样“myFunction”函数每次被调用时都会获取索引值。

【问题讨论】：

至少你节省了我一些时间，哈哈

【参考方案1】：

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

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

阅读更多关于Array.prototype.map

【参考方案2】：

map的语法是

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

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

【参考方案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])