問題タブ [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.
javascript - React グリッド レイアウトのカスタム サイズ変更ハンドルが機能しない
resizeHandle?: ReactElement<any> | ((resizeHandleAxis: ResizeHandleAxis, ref: ReactRef<HTMLElement>) => ReactElement<any>)
グリッド項目のカスタム サイズ変更ハンドルを実装するために使用できます。
私の場合、これは機能していません。エラーをスローすることさえありません。
コード: https://codesandbox.io/s/react-playground-forked-jwfn3?file=/index.js
注:グリッド項目を削除するresizeHandle={<BottomRightHandle />}と、デフォルトのサイズ変更ハンドラーが取得されます。これは正常に機能しています。
CustomResizeHandle.js
index.js
javascript - マテリアル UI グリッド システムからパディングを削除
あなたの一日がうまくいくことを願っています。私はマテリアル UI の新しいユーザーで、最初のプロファイル ページ (下の画像) の作成に取り組んでいます。
このページの作成に近づいているため、about セクションを 3 つのパネルのすぐ下に配置できるグリッド システムの作成に苦労しています (下の画像を参照)。
about セクションと 3 つのパネル (以下のコード) の間のパディングを削除するにはどうすればよいですか?
javascript - React Grid Layout で WidthProvider に特定の幅の値を与える方法
私はあまりにも長い間これと戦ってきました。サイドバーが非表示かどうかに応じて、グリッドの幅を変更できる必要があります。ピクセル情報をフィードしてサイズを変更する方法を知る必要があります。
これが私のコードです：
何を見ても、それを機能させる方法がわかりません。ありがとうございました。
react-grid-layout - レイアウトがプログラムで変更された後にグリッドを更新する方法は?
私は ReactGridLayout を使用しており、アイテムをクリックして 3 つの事前定義されたサイズを選択することによってのみサイズ変更が可能です (スクリーンショットを参照)。現在のアイテムとレイアウトを反応コンポーネントの状態に保ちます。アイテムが追加または削除された後に反応コンポーネントが更新されますが、ページを更新しない限り、レイアウトの更新 (ドラッグによるものではない) は表示されません。
レイアウトがプログラムによって変更された後、グリッドを更新するにはどうすればよいですか (ユーザー アクション (ワイド サイズなど) によって) スクリーンショットを参照してください。
助言がありますか？
ありがとう
