我在尝试将“react-grid-layout”集成到我的 Blazor WebAssembly 应用程序时遇到问题。 我使用以下代码创建了一个名为wwwroot/react-grid-layout.js的 JavaScript 文件： 我在index.html中引用了这个文件，如下所示： 此外， ...
我想创建小部件。 调整大小、拖动、重叠。 虽然可以重叠，但当 web 浏览器重新加载时，position 不会被保存。 我想知道我应该怎么做才能保存网格项目。 这是反应网格依赖 这是为控制网格项而编写的代码。 如这张照片所示。 可以创建、拖动、调整大小和重叠网格项目。 重新加载 web 浏览器时，不 ...
我正在尝试学习 react-grid-layout 但我无法解决这个问题。 当我尝试拖动一个网格时，它会移动到我的 cursor 的右侧，并且每个网格在开始时都呈现在中间。 我想像这里的例子一样做一个布局 在这里你可以看到我的问题的演示。 我使用的代码如下，这是网格 styles_grid.css ...
赏金将在 4 天后到期。 此问题的答案有资格获得+50声望赏金。 www.amitpatil.me正在寻找规范的答案： 我正在寻找为什么它不起作用的解决方案......我已经创建了演示，我希望你修复演示。 所以我可以在我的代码中实现这个解决方案。 我有一个页面，其中大约有 10-15 张卡片从 ...
我是 JS 的新手并且对所有内容都进行了样式设置，但是我创建了一个组件，该组件从 txt 文档中获取各种文本以及大量图像。 在我的 app.js 中，我使用一个循环来输入我的所有数据并创建一个对象列表。 当我返回列表时，所有内容都垂直显示，但如果浏览器可以处理，我希望元素并排显示。 如果我有 15 ...
在此处复制：https://codesandbox.io/s/serene-blackburn-nrgj0b?file=/src/App.js 通常，当对话框组件打开时，MUI（Material-UI）对话框会停止鼠标单击背景后面的组件。 但是由于某种原因， react-grid-layout元素仍 ...
我需要你们的帮助。 我在使用 react-grid-layout 调整 highcharts 的大小时遇到问题。 当我调整宽度开始正常工作时，我得到了解决方案，但我的 highcharts 高度仍然没有响应。 请检查下面的代码。 两个总体出勤图表下方均无响应。 我也在使用 react rechar ...
当我尝试调整它们的大小时，我想让我的图表响应。 我正在为带有 react-grid-layout 的图表使用两个图表库。 (1) React recharts (2) react highcharts 我的 React recharts 调整大小工作正常，它们反应灵敏，但是当我尝试调整它们的大小 ...
有人可以帮我把它转换成反应钩子吗我相信它会反应 useState() https://github.com/react-grid-layout/react-grid-layout/blob/master/test/examples/7-localstorage.jsx 尽我所能理解反应类，因为我 ...
我一直在尝试用我的项目设置反应网格布局，但无法合并两个示例。 本地存储和添加/删除小部件我想我还需要在 LS 中存储物品，并且一直试图让它工作，但没有运气。 当前，正在存储项目，并且布局为空（不知道为什么），但刷新时会重置项目。 我很确定这是因为.map中的 .map，但我不确定如何解决这个问题。 ...
如何创建一个具有 100 个网格点width的react-grid-layout并在其中指定网格项的宽度以使它们不重叠？ （注意：减少列数解决了这个重叠问题，但是我没有 100 点的宽度分辨率来放置网格） 这是一个沙箱编辑：似乎它可能与 CSS 有关？ 当我修改股票示例时，它按预期执行： 这是 ...
此代码使用 react-grid-layout 创建一个 10x1 布局。 所有元素都可以移动。 但是当我将一列移动到另一列时我需要它，不要在 10x1 中添加额外的行。 我需要所有的动作只在 10x1 中发生。 我怎么能对 Grid 这么说？ 我有这个代码： 要在 10x10 布局上显示图形， ...
我正在为我的布局设计使用react-grid-layout包。 我想对在布局上移动的免费项目使用compactType=null配置。 但是，当我更改尺寸或连续移动项目时，屏幕上会出现屏幕截图中的大间隙。 移动物品后有没有办法通过消除间隙来固定布局？ ...
我将 react-grid-layout 用于具有“可拖动”排序的简单单列音乐播放列表。 我能够成功地将布局 object 保存到 Firestore onDragStop，并在页面加载时成功检索更新的布局 object，但似乎无法正确地 map 我的孩子。 我在 useEffect 中映射我的网格 ...
我用两个元素实现了 react-grid-layout。 问题是我在第一个元素中有文本，因为它是可拖动的，所以我无法从中复制文本，因为该元素正在移动。 我不想使用按钮来复制文本，但我在想也许可以决定哪个元素可以拖动整个方块，这甚至可能吗？ 这是我使用的代码示例： ...
我试图拥有一个动态的引用数组。 这些引用将来自网格项，这些项从列表映射到网格布局元素。 这是我的代码： 似乎“ref”属性被反应忽略了，因为没有网格项 refs 被推入 refs 数组 ref 属性适用于“GirdLayout”元素。 我不知道我做错了什么我尝试了很多东西。 我需要每个网格项的引用 ...
我试图只在他的父级内部制作一个可拖动元素，而不是在浏览器的所有屏幕中。 我的问题是我不知道如何处理 React 和样式化的组件。 情况是此时是可拖动的，但我可以在所有网站中移动（为了进行拖放，我使用'react-grid-layout'作为库）是否有 css 属性使无法移动项目在他父母之外？ 它应该 ...
我导入了@material-ui/core、@devexpress/dx-react-core @devexpress/dx-react-grid 和其他一些模块，但问题没有解决。 我的 App.js 代码： ...
我正在尝试使用 react 和 react-grid-layout 实现 highChart。 图表应根据 react-grid-layout 调整大小，为此，我需要在 ResponsiveGridLayout 的onResizeStop属性中传递chart.reflow() 。 我可以访问 Hig ...
我正在 React.js 中使用 React-grid-layout。 当我单击可拖动磁贴时，它会抖动一点，当我单击磁贴上的任何子按钮时，也会发生同样的情况。 我怎样才能阻止这种不稳定的行为？ 在这里， Set Alarm是一个按钮，当我点击它时，相应的磁贴会震动（向下移动并返回其位置）。 ...