React Native - Wie übergeben Index in Kartenfunktion

Question

Ich habe eine Map-Funktion, um eine Komponente wiederholt und dynamisch zu erstellen. Angenommen, es ist wie folgt:

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

Wie kann ich den Index des Arrays übergeben? Damit erhält die Funktion 'myFunction' bei jedem Aufruf den Indexwert.

Answer 1

Map stellt zweites Argument als Index des aktuellen Elements und drittes Argument als ganzes Array zur Verfügung.

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

Lesen Sie mehr über Array.prototype.map

Answer 2

die Syntax der Karte ist

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

source. Sie können den Index als den zweiten Parameter in der Callback-Funktion finden

Answer 3

einfach ein zweites Argument auf Ihre Pfeil-Funktion übergeben (data, index)

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

Signaure für .map

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