堆棧內存溢出
cost 427 ms
將 react-grid-layout 與 Blazor WebAssembly 集成時找不到“renderReactGridLayout”

[英]Could not find 'renderReactGridLayout' when integrating react-grid-layout with Blazor WebAssembly

我在嘗試將“react-grid-layout”集成到我的 Blazor WebAssembly 應用程序時遇到問題。 我使用以下代碼創建了一個名為wwwroot/react-grid-layout.js的 JavaScript 文件： 我在index.html中引用了這個文件，如下所示： 此外， ...

在 web 瀏覽器重新加載時保存 react-grid-layout 重疊更改

[英]Save react-grid-layout overlapping changes when the web browser reloads

我想創建小部件。 調整大小、拖動、重疊。 雖然可以重疊，但當 web 瀏覽器重新加載時，position 不會被保存。 我想知道我應該怎么做才能保存網格項目。 這是反應網格依賴 這是為控制網格項而編寫的代碼。 如這張照片所示。 可以創建、拖動、調整大小和重疊網格項目。 重新加載 web 瀏覽器時，不 ...

單擊網格項目會導致該項目遠低於我的鼠標指針

[英]Clicking a grid item causes that item to drop far below my mouse pointer

我正在嘗試學習 react-grid-layout 但我無法解決這個問題。 當我嘗試拖動一個網格時，它會移動到我的 cursor 的右側，並且每個網格在開始時都呈現在中間。 我想像這里的例子一樣做一個布局 在這里你可以看到我的問題的演示。 我使用的代碼如下，這是網格 styles_grid.css ...

嘗試在 react-grid-layout 中實現 react-intersection-observer 但沒有成功

[英]Trying to implement react-intersection-observer inside react-grid-layout with no luck

賞金將在 4 天后到期。 此問題的答案有資格獲得+50聲望賞金。 www.amitpatil.me正在尋找規范的答案： 我正在尋找為什么它不起作用的解決方案......我已經創建了演示，我希望你修復演示。 所以我可以在我的代碼中實現這個解決方案。 我有一個頁面，其中大約有 10-15 張卡片從 ...

React JS 顯示一個對象數組以適應屏幕

[英]React JS display an array of objects to fit the screen

我是 JS 的新手並且對所有內容都進行了樣式設置，但是我創建了一個組件，該組件從 txt 文檔中獲取各種文本以及大量圖像。 在我的 app.js 中，我使用一個循環來輸入我的所有數據並創建一個對象列表。 當我返回列表時，所有內容都垂直顯示，但如果瀏覽器可以處理，我希望元素並排顯示。 如果我有 15 ...

可以在 MUI 對話框背景下拖動 - 為什么模態背景不停止事件傳播

[英]Can drag underneath a MUI dialog backdrop - why doesn't the modal backdrop stop the event propagation

在此處復制：https://codesandbox.io/s/serene-blackburn-nrgj0b?file=/src/App.js 通常，當對話框組件打開時，MUI（Material-UI）對話框會停止鼠標單擊背景后面的組件。 但是由於某種原因， react-grid-layout元素仍 ...

如何使反應 highcharts 高度響應通過反應網格布局調整大小？

[英]how to make react highcharts height responsive on resizing via react-grid-layout?

我需要你們的幫助。 我在使用 react-grid-layout 調整 highcharts 的大小時遇到問題。 當我調整寬度開始正常工作時，我得到了解決方案，但我的 highcharts 高度仍然沒有響應。 請檢查下面的代碼。 兩個總體出勤圖表下方均無響應。 我也在使用 react rechar ...

如何在調整大小時使反應 highcharts 響應反應網格布局？

[英]how to make react highcharts responsive with react-grid-layout while resizing?

當我嘗試調整它們的大小時，我想讓我的圖表響應。 我正在為帶有 react-grid-layout 的圖表使用兩個圖表庫。 (1) React recharts (2) react highcharts 我的 React recharts 調整大小工作正常，它們反應靈敏，但是當我嘗試調整它們的大小 ...

React 網格布局 - 帶有添加/刪除小部件的本地存儲

[英]React grid layout - Local storage with add/remove widgets

我一直在嘗試用我的項目設置反應網格布局，但無法合並兩個示例。 本地存儲和添加/刪除小部件我想我還需要在 LS 中存儲物品，並且一直試圖讓它工作，但沒有運氣。 當前，正在存儲項目，並且布局為空（不知道為什么），但刷新時會重置項目。 我很確定這是因為.map中的 .map，但我不確定如何解決這個問題。 ...

反應網格布局重疊項目

[英]React Grid Layout Overlapping Items

如何創建一個具有 100 個網格點width的react-grid-layout並在其中指定網格項的寬度以使它們不重疊？ （注意：減少列數解決了這個重疊問題，但是我沒有 100 點的寬度分辨率來放置網格） 這是一個沙箱編輯：似乎它可能與 CSS 有關？ 當我修改股票示例時，它按預期執行： 這是 ...

如何控制布局如何使用 react-grid-layout 管理單元格的拖放“位移”

[英]How control how the layout manage the drag and drop 'displacements' of the cells with react-grid-layout

此代碼使用 react-grid-layout 創建一個 10x1 布局。 所有元素都可以移動。 但是當我將一列移動到另一列時我需要它，不要在 10x1 中添加額外的行。 我需要所有的動作只在 10x1 中發生。 我怎么能對 Grid 這么說？ 我有這個代碼： 要在 10x10 布局上顯示圖形， ...

設置緊湊類型 Null 時通過刪除 React Grid 布局的空格來修復布局

[英]Fixing Layout by Removing Spaces of React Grid Layout When Set Compact Type Null

我正在為我的布局設計使用react-grid-layout包。 我想對在布局上移動的免費項目使用compactType=null配置。 但是，當我更改尺寸或連續移動項目時，屏幕上會出現屏幕截圖中的大間隙。 移動物品后有沒有辦法通過消除間隙來固定布局？ ...

react-grid-layout：將布局保存到數據庫，在頁面加載時映射帶有布局的網格子項

[英]react-grid-layout: saving layout to db, mapping grid children w/ layout on page load

我將 react-grid-layout 用於具有“可拖動”排序的簡單單列音樂播放列表。 我能夠成功地將布局 object 保存到 Firestore onDragStop，並在頁面加載時成功檢索更新的布局 object，但似乎無法正確地 map 我的孩子。 我在 useEffect 中映射我的網格 ...

React-grid-layout - 僅在第一個 div 上拖動

[英]React-grid-layout - drag only on first div

我用兩個元素實現了 react-grid-layout。 問題是我在第一個元素中有文本，因為它是可拖動的，所以我無法從中復制文本，因為該元素正在移動。 我不想使用按鈕來復制文本，但我在想也許可以決定哪個元素可以拖動整個方塊，這甚至可能嗎？ 這是我使用的代碼示例： ...

如何給 React Grid 布局的 Grid Items 一個參考

[英]How to give Grid Items of a React Grid layout a reference

我試圖擁有一個動態的引用數組。 這些引用將來自網格項，這些項從列表映射到網格布局元素。 這是我的代碼： 似乎“ref”屬性被反應忽略了，因為沒有網格項 refs 被推入 refs 數組 ref 屬性適用於“GirdLayout”元素。 我不知道我做錯了什么我嘗試了很多東西。 我需要每個網格項的引用 ...

使用 React 僅在父元素內拖動

[英]Drag only inside a Parent element with React

我試圖只在他的父級內部制作一個可拖動元素，而不是在瀏覽器的所有屏幕中。 我的問題是我不知道如何處理 React 和樣式化的組件。 情況是此時是可拖動的，但我可以在所有網站中移動（為了進行拖放，我使用'react-grid-layout'作為庫）是否有 css 屬性使無法移動項目在他父母之外？ 它應該 ...

'Item' 未定義 react/jsx-no-undef

[英]'Item' is not defined react/jsx-no-undef

我導入了@material-ui/core、@devexpress/dx-react-core @devexpress/dx-react-grid 和其他一些模塊，但問題沒有解決。 我的 App.js 代碼： ...

當我使用功能性反應組件時，如何從 HighchartsReact 組件訪問圖表到 ResponsiveGridLayout 組件

[英]How to get access to the chart from HighchartsReact component to ResponsiveGridLayout component when I'm using functional react component

我正在嘗試使用 react 和 react-grid-layout 實現 highChart。 圖表應根據 react-grid-layout 調整大小，為此，我需要在 ResponsiveGridLayout 的onResizeStop屬性中傳遞chart.reflow() 。 我可以訪問 Hig ...

React-Grid-layout 有點 onClick

[英]React-Grid-layout shake a bit onClick

我正在 React.js 中使用 React-grid-layout。 當我單擊可拖動磁貼時，它會抖動一點，當我單擊磁貼上的任何子按鈕時，也會發生同樣的情況。 我怎樣才能阻止這種不穩定的行為？ 在這里， Set Alarm是一個按鈕，當我點擊它時，相應的磁貼會震動（向下移動並返回其位置）。 ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM