問題タブ [react-grid-layout]
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 - リアクティブなデータ変更時にグリッド レイアウトが変更されない
/abc と /xyz の 2 つのルートがあります。ルートをあるルートから別のルートに変更しても、グリッド レイアウトは同じままで、プロパティは変更されませんが、ハード リロードすると変更され、期待される結果が得られます。次の 2 つのクラスがあります。
クラス 1:
クラス 2:
位置とサイズがリアクティブに変更されても、レイアウトは変更されません。古いレイアウトのレイアウトは、ルートの変更後も維持されます。前もって感謝します。
reactjs - onResizeStop が react-grid-layout で呼び出されない
私のコードでは、レスポンシブ グリッド レイアウト コンポーネントが App コンポーネントの直接の子である場合にのみ onResizeStop コールバックが呼び出されることに気付きました。
マップまたはリストの div のサイズを変更するときに onResizeStop が呼び出されない理由を誰かに説明してもらえますか? - 私は反応するのが初めてで、ES6 です。ありがとう
reactjs - react-grid-layout の draggableCancel
amcharts3-reactで反応グリッド レイアウトを使用しています。すべて問題ありません。要素を移動できますが、今回は amcarts ズーム ハンドルを使用できません。ドラッグも可能です。グリッド レイアウトの cancelDraggable 機能を使用しようとしましたが、何も起こらなかった。それでも、非ドラッグ用に指定した領域を妨げませんでした。可能な解決策は何ですか？
reactjs - react-grid-layout で Redux を使用する
このユース ケースを実装するために、react-grid-layout (RGL) を使用していますが、2 つの考慮事項があります。
GridItems の子コンポーネントを含むアプリの状態を維持する
GridItems の子コンポーネント (イベント、データ ストリーム、
等）
React Dev ツールの RGL ツリーを調べると、多くの中間コンポーネントがあることがわかります。
誰かが同様のシナリオを実装したかどうか、また Redux ストアを使用して RGL ツリーを GridItems の子コンポーネントに渡す方法があるかどうか疑問に思っていました。
どうもありがとう、
FØ