問題タブ [fixed-data-table]

テーブルで視覚化したい Javascript 配列の例があります。

配列は次のとおりです。

React で使用fixed-data-tableして、このデータをテーブルに入れたいと思います。ここで、First、Second、および Other は行であり、IN/OUT は列です。

フィールドに「in」値を入力し、その後「Out」値を入力したいとします。ネストされた値を参照しFirst[0].InてFirst[0].Out取得し、特定のセルに表示する必要がありますか?

ここで Facebook によって視覚化された例を使用しています: https://facebook.github.io/fixed-data-table/example-resize.html

ソースコード (私は React.createClass で「古い」スタイルを使用しています) はこちら: https://github.com/facebook/fixed-data-table/blob/master/examples/old/ResizeExample.js#L35

コードを少し変更しました。配列をセルに解析できますが、問題ありません。ただし、列をドラッグできるという機能全体が機能していません。マウスは、列の線をドラッグするアニメーション (最初の例のように) を正しく実行しますが、「くっつく」ことはありません。何を与える？

ここにいくつかのサンプルコードがあります。おそらく、状態の処理に関して何か間違ったことをしたのでしょうか?

（これはサンプルです）

バックエンドからデータを収集するという点で機能するようにいくつかの変更を加えましたが、機能し、正しく表示されます。機能しない唯一の機能は、列のドラッグです (Facebook のサイズ変更の例のように)。原因は何ですか？

fixed-data-tableReact.js コンポーネントであるを使用して、テーブルにデータを入力しています。ただし、この段階ではそれほど重要ではありません。

表には、問題の原因となった検索ボックスがあります。

まず、ここにコードの興味深い部分があります。

これはレンダリングされ、テーブルに何かを入力すると最後の部分でエラーがスローさnullれ、特定のセルに列が返されます。

問題は、最後の部分を .. に変更すると、コードを機能させることができるということです。

try/catch を使用すると、意図したとおりに 100% 動作し、null を返す indexOf を処理します...しかし、これは適切に処理する方法ではありません。まれな例外として、実際にはバックエンドほどフロントエンドで使用しないでください。

try/catch を使用せずにタイトルのエラーを処理するにはどうすればよいですか?