AllenFang / AllenFang/react-bootstrap-table

"TypeError: this.getColumnsDescription(...) is undefined" when attempting to functionally render TableHeaderColumn elements

オープン
#1,380 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
2.2k
フォーク
761
PR マージ指標
30日以内にマージされた PR はありません

説明

Hi, sorry if this doesn't belong here but not sure if I'm doing something wrong or there is something internally preventing the functional rendering of TableHeaderColumn elements. Am currently evaluating React table libraries for work with your library as the front-runner - for some reason have not seen any table library implemented with functional rendering of the column elements. Is there a specific reason why - am I just doing something wrong? Any help or guidance appreciated please.

`TypeError: this.getColumnsDescription(...) is undefined`

The code:

```
render() {

// string constant names different from remote data keys
const shopperTableColumnNamesKeys = Object.getOwnPropertyNames(ShopperTableColumnNames);

// for...in does not preserve Object key order, create list instead
const shopperRemoteDataKeys = Object.getOwnPropertyNames(shoppers[0]);

const createInitialTableHeaderColumn = (key, index) => {
return (

{ShopperTableColumnNames[shopperTableColumnNamesKeys[index]]}

);
};

const createTableHeaderColumn = (key, index) => {
return (

{ShopperTableColumnNames[shopperTableColumnNamesKeys[index]]}

);
};

const populateTableHeaderColumns = () => {
const tableColumns = [];
shopperRemoteDataKeys.forEach( (key, index) => {
index === 0
? createInitialTableHeaderColumn(key, index)
: createTableHeaderColumn(key, index);
;
});
};

return (



{populateTableHeaderColumns()}


);
}
```

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。