React Tableを使ってみる
React Tableの使い方を理解する
まずは基本的な使い方を知る
18:24:59 Getting Started: Quick Start | React Table | TanStackに沿って作ってみる
18:43:30
@types/react-table 入れても型がおかしい直してみよう
18:44:18
@types/ という名前のdirectoryを作れないので、別な名前にする型定義ファイルをNodeで使うを参考にする
src/types にした19:24:13 型を工夫する必要があった
予め
columns に型を明示しないとlinter errorが出る19:29:59 完成
注意点は後でまとめる
てかここにも同じのあった
解説はないが、同じ対処を施したコードが載っている
19:36:55 このコードをいじって仕組みを調べてみる
coreはuseTable()
入力
出力
tsconst {
getTableProps,
getTableBodyProps,
headerGroups,
rows,
prepareRow,
} = useTable({ columns, data });一行ごとにデータの前処理を行う
実際に画面に表示されるデータだけをrenderingするために使う
cf. ここの
prepareRow: Function(Row) の項目Footerをつける
型定義ファイルを直す必要がある？
少なくともcompileは通るみたい