固定データテーブルに動的列を追加する方法

Question

私は、動的に配置された列にデータを固定し、facebookの固定データテーブルを使用しようとしています。私は10から100までの列を持つデータを受け取ります。私の目的は列を動的に作成することでした。以下は、私はそれが動作しない

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

を試してきたものです。誰もそれのようなものを前に試しましたか？どんな助けもありがとう。前もって感謝します。

Answer 1

forEachをmapに置き換えていました。ありがとう@ jeff木製。あなたがスペルミスしている

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