2

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

うまくいきません。誰もそのようなことを試したことがありますか？どんな助けでも大歓迎です。前もって感謝します。

4

1 に答える 1

4

うまくいったのは、 forEach を map に置き換えることでした。@ジェフ-ウッドンに感謝します。

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

于 2016-03-28T17:51:13.563 に答える