Wie dynamische Spalten in fester Datentabelle hinzugefügt werden

Question

Ich versuche, dynamisch bevölkerte Spalten mit Daten zu erhalten, indem ich die feste Datentabelle von facebooks verwende. Ich erhalte Daten mit Spalten zwischen 10 und 100. Meine Absicht war also, Spalten dynamisch zu erstellen. Im Folgenden finden Sie, was ich

Class App extensd React.Component{ 
 
    render(){ 
 
    return (
 
      <Table 
 
       rowHeight={50} 
 
       headerHeight={30} 
 
       groupHeaderHeight={30} 
 
       rowsCount={10} 
 
       width={tableWidth} 
 
       height={500} 
 
       {...this.props}> 
 
       
 
      {["firstName","lastName","bs","email"].forEach(function(columnName){ 
 
      return <Column 
 
        columnKey={columnName} 
 
        header={ <Cell>Header</Cell>} 
 
        cell={<Cell>Cell Content</Cell>} 
 
        width={200} 
 
    /> 
 
) 
 
    } 
 
})}

Es funktioniert nicht versucht haben. Hat jemand schon mal so etwas probiert? Jede Hilfe wird geschätzt. Vielen Dank im Voraus.

Answer 1

Was funktionierte, war, forEach mit map zu ersetzen. Danke @ Jeff-Wooden.

Class App extends React.Component{ 
 
    render(){ 
 
    return (
 
      <Table 
 
       rowHeight={50} 
 
       headerHeight={30} 
 
       groupHeaderHeight={30} 
 
       rowsCount={10} 
 
       width={tableWidth} 
 
       height={500} 
 
       {...this.props}> 
 
       
 
      {["firstName","lastName","bs","email"].map(function(columnName){ 
 
      return <Column 
 
        columnKey={columnName} 
 
        header={ <Cell>Header</Cell>} 
 
        cell={<Cell>Cell Content</Cell>} 
 
        width={200} 
 
    /> 
 
) 
 
    } 
 
})}