問題タブ [react-data-grid]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - MongoDB の自然な順序を変更し、_id を手動で生成して _id で並べ替え、2 つの行の間に行を挿入する実装 (React Data Grid )
私は webApp のような Excel に取り組んでおり、ユーザーが自由に行を挿入できる機能を実装したいと考えています。フロントエンドを簡単に変更して、スプライスと選択した行 ID によって挿入する場所を視覚化できますが、バックエンドはデフォルトで _id と順序を生成する mongoDB を使用しています。この問題を解決するために、前と後の Id を生成し、前と後の間に newId を作成します。
注: insertIndex の初期未定義、セル選択時の setState、行削除後の未定義へのリセット
ただし、このアルゴリズムには考慮されていない多くのエッジケースがあるようですが、より堅牢にする経験がある人はいますか? またはエッジケースに関する提案はありますか？
既知の問題:
- 行[0]を選択したときの間違った動作
- dup _id の生成 (理由がわからない)
その他のアイデア
- _id を生成する代わりに、ユーザーが見るように localStorage render によって行の状態を保存する方が簡単でしょうか。
- ここにリンクの説明を入力しましたが、理解できませんでした。解決策があるかどうか誰か説明してもらえますか?
何かご意見は？どうもありがとう
reactjs - エクスポートを使用して非インデックス ファイルで react-data-grid をレンダリングする方法は?
データのレンダリングにreact-data-gridを使用していますが、index.jsファイルでのみ機能しますが、通常のファイルで使用している場合、クラスと関数名を定義してファイルをエクスポートできません。
クラス名＆関数名でエクスポートしてみました。
ルーティング用にファイルをエクスポートする必要があり、フィールドを検索するためのフィルター機能と共にグリッド ビューで公開するために別のファイルからデータを取得する必要があります。
reactjs - react-data-grid を使用して関数コンポーネントをテストする方法
React-data-grid (リンク)を使用して、react でデータ グリッドを作成しました。
私のコードは次のとおりです。
私は単体テストを書くのは初めてで、最近は非常に基本的な単体テストを書いています。Jest/Enzyme を使用して onGridSort メソッドをテストする最良の方法は何だろうと思っています。
私のテストでは、現在次のものがあります。
グリッドが正しく並べられていることを確認するためにテストしたい (昇順/降順)