問題タブ [react-table]

編集 -

ここでこの例を使用していますreact-table select table (HOC)

上記のリンクのサンプル コードにこのコードを追加するだけで、達成しようとしている結果が得られます。

バックグラウンド

React.js アプリケーションで react-table を使用しています。具体的には、各行の横にチェックボックスを提供する選択テーブルを使用しています。私の場合、これにより、ユーザーは複数の行を選択できます。ユーザーが選択内容を送信すると、選択した行のデータがアプリケーションで他の用途に送信されます。

提出後、状態で保持されているデータをクリアしています。これは、後ですぐに別の提出を行う必要がある場合に重要です。以前に選択された各行を保持している状態配列からデータをクリアした後、データが状態配列に保持されなくなっても、テーブルには以前に選択された行が表示されたままになります。

サンプルコード

これは、選択した配列を保持している配列をクリアする方法です。

これは、クラス内のすべての関連コードです。

質問

フォームの送信後にテーブルを更新して、どの行にもチェック ボックスがオンにならないようにするにはどうすればよいですか? または、言い換えれば、選択された行を示す状態配列とテーブルを一致させるにはどうすればよいですか? 私の場合、状態配列を空の配列に更新した後も、選択した行が UI で選択されたままになります。

反応テーブルから利用可能な小道具をアウトソーシングしたい。いくつかのウェブサイトを検索しましたが、このケースについては何も見つかりませんでした。このケースの背景は、このテーブルを複数回使用したいが、テーブルを何度も初期化したくないということです。

このコードから、次の小道具を外注したいと思います。

• クラス名
• マルチソート
• showページネーション
• サイズ変更可能
• 等

これをどのように外部委託するか、何か考えがありますか?

よろしくMCW