Sabit veri tablosunda dinamik sütunlar nasıl eklenir

Question

Verilerin dinamik olarak doldurulmuş sütunlarını facebook'un sabit veri tablosunu kullanarak araştırmaya çalışıyorum. 10 ila 100 arasında değişen sütunlarla veri alıyorum. Bu nedenle amacım dinamik olarak sütunlar oluşturmaktı. Aşağıda ben

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} 
 
    /> 
 
) 
 
    } 
 
})}

O çalışmıyor

denedim budur. Daha önce böyle bir şey deneyen var mı? Herhangi bir yardım takdir edilecektir. Şimdiden teşekkür ederim.

Answer 1

Çalıştığı şey, forEach'i harita ile değiştirmekti. Teşekkürler @ jeff-Ahşap.

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} 
 
    /> 
 
) 
 
    } 
 
})}