問題タブ [react-window]

スクロールイベントでリスト要素の終わりを検出する方法は? 配列があるとしましょう[1,2,3,4,5,6,7,8,9,10]。スクロールがリストの最後に達したかどうかを検出し、値を返す必要があります(この場合、値は10です)? これが私のスニペットコードです: https://codesandbox.io/s/react-window-detect-last-element-on-scrolling-down-oo99p

antdのドキュメントには、react-windowを介して仮想スクロールを統合し、大きなテーブル データのパフォーマンスを向上させる例があります。

antdのネストされたテーブルに対してそのようなことをした人はいますか? または、方法に関するポインタ/ヒントはありますか?

ウィンドウ機能を追加しようとしています（react-table virtualized-rows https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/virtualized-rows?file=/src/から） App.js:2175-2192 )

https://codesandbox.io/s/github/tannerlinsley/react-table/tree/からMaterial-UI拡張テーブルへ（アプリケーションのテーブルをアクション、フィルター、ページネーションなどで編集可能にする必要があるため）master/examples/material-UI 拡張テーブル

両方のコードは、 react -table の公式の例に由来します

基本的に、Material-UI Enhanced Table の例のコードから始めて、FixedSizeList タグとその属性、および useTable() から取得した変数 totalColumnsWidth を追加しました。

Chrome コンソールから次のエラーが表示されます。

react.development.js:315 警告: React.createElement: タイプが無効です -- 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、配列を取得しました。のレンダリング方法を確認してくださいList。リスト内 (App.js:134) react-dom.development.js:23965 キャッチされないエラー: 要素の型が無効です: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、取得しました:物体。のレンダリング方法を確認してくださいList。

私は何を間違っていますか？

現在のコードは次のとおりです。