Reagieren native ListView Zeilen sichtbare Zeilen

Question

Ich habe eine Listenansicht in RN, die eine Liste der Komponente peopleView hat, die employeeID als Requisiten hat.

return <BillboardCard id={employee.id} …employee onPress= {() => { 
     // do something 
    } }/> 

Beispiel JSON für Mitarbeiterdaten

{ 
    "employee": [ 
    { 
     "id": "1", 
     "name": "joe" 
    }, 
    { 
     "id": "2", 
     "name": "john" 
    }, 
    { 
     "id": "3", 
     "name": "mike" 
    }, 
    { 
     "id": "4", 
     "name": "alex" 
    }, 
    { 
     "id": "5", 
     "name": "sean" 
    } 
    ] 
} 

Ich möchte Metriken protokollieren, wenn ein bestimmter Daten des Mitarbeiters zu sehen ist.

Wie kann ich das tun?

Es mit dem zu tun hat

onChangeVisibleRows() { 

     // What do I write here? 
     console.log('onChangeVisibleRows called with', arguments); 
    } 

aber ich kann nicht die ID scheinen dort zu finden und nur Variablen s1,s2,s3 …. S12?

Ich wollte auch wissen, was ist die Variable KEY wo wird es verwendet? und wie unterscheidet es sich von ID? Ich habe manchmal in Requisiten/Komponenten gesehen.

Answer 1

so onChangeVisibleRows ist die richtige Methode. Diese Methode erhält Argumente:

1. VisibleRows

Es enthält ein Objekt, in dem Sie alle sectionIDs als Schlüssel finden und in dem Wert eines Objekts, wo der Schlüssel ist die rowID und der Wert ein Bool wenn die Zeile sichtbar ist.

2. changedRows

Es enthält die gleiche Datenstruktur, sondern nur für geänderte Zeilen. Dies ist die, die Sie verwenden würden.

Die rowID ist die Position in Ihrer dataSource. Sie können also so etwas aufrufen, um die Mitarbeiter-ID zu erhalten.

console.log(employee[rowId]) 

Answer 2

Sie können die ID von this.props.id bekommen.

return <BillboardCard id={employee.id} …employee onPress= {() => { 
     // const empId = this.props.id; 
    } }/>