json Daten in <TableRow> machen in reagieren

Question

Ich versuche, ein tableData von einem Format wie zu machen:

in einer <TableRow> wie:

{this.state.tableData.map((row, index) => (
      <TableRow key={index}> 
      <TableRowColumn>{console.log(tableData[index].name)}{tableData[index].name}</TableRowColumn> 
      <TableRowColumn>{tableData[index].role}</TableRowColumn> 
      <TableRowColumn>{tableData[index].phone}</TableRowColumn> 
      <TableRowColumn>{tableData[index].email}</TableRowColumn> 
      </TableRow> 
     ))} 

die Konsole im Code-Schnipsel wird mir geben Der korrekte Wert kann ich im Browser überprüfen.

Aber das Code-Snippet <TableRowColumn>{tableData[index].name}</TableRowColumn> Error : TypeError: Cannot read property 'name' of undefined

jeder Vorschlag bitte den Fehler zu geben !!

Answer 1

Da sollten Sie Tabellendaten mit this.state.tableData auch in Zeilen aufrufen, nicht mit tableData[index], weil tableData nicht definiert ist. Aber ich würde Ihnen empfehlen, row Variable zu verwenden, die Sie innerhalb der map Funktion haben.