问题标签 [react-grid-layout]

我有两条路线/abc 和/xyz。当将路线从一个更改为另一个时，网格布局保持不变，它的属性不会改变，但在硬重新加载时它们会改变并给出预期的结果。有以下两个类：

第一类：

第 2 类：

当位置和大小响应更改时，布局不会更改/响应。旧布局布局在路线更改时仍然存在。提前致谢。

我正在开发一个小部件仪表板，其中包含 DC.JS 图表作为每个小部件的内容。

使用react-grid-layout创建/删除小部件，它会创建一个空的占位符节点，如下所示：

DC.JS 稍后按 Id 选择 div 并将其 SVG 图表附加为子项。

问题在于，对于某些事件（例如切换静态或更改小部件的 Id），react 会重新呈现小部件，从而用上面的全新空占位符 div “覆盖”现有图表（子）。

我的问题是这个问题是否可以通过 React-techniques 解决（我可以防止 div 被重新渲染吗？）或者这是库本身的问题。

非常相似的代码可以在这里找到。实际代码在这里。想象一下上面的代码段行（稍后附加图表的空图表占位符）在第 44 行。

我注意到在我的代码中，仅当响应式网格布局组件是我的 App 组件的直接子组件时才会调用 onResizeStop 回调。

请有人能解释一下为什么在我调整地图或列出 div 的大小时不调用 onResizeStop 吗？- 我是反应和 ES6 的新手。谢谢

我正在尝试复制react-grid-layout的0-showcase示例，一切正常，除了包含网格及其组件的主要 HTML 元素不可滚动。我尝试将溢出-y 滚动到正文和后续元素，但无济于事。我正在使用 Gastsby 静态站点生成器来加快开发速度。因此，在我的页面中，直接在 Gastby 文件夹结构中，我创建了一个grid.js文件，其中包含以下反应代码。几乎所有内容都与此处示例代码中的定义相同。这可能是我没有得到的一个小的 CSS 修复，但我真的不明白我在这里缺少什么。提前致谢！

我正在使用带有amcharts3-react 的反应网格布局一切都很好，我可以移动元素但是这次我不能使用 amcarts 缩放手柄......它们也是可拖动的。我尝试使用网格布局的 cancelDraggable 功能但是没啥事儿。即使它没有阻止我指定的非拖拽区域。可能的解决方案是什么？

有没有一种方法可以相互使用多个 react-grid-layout 组件？

我用这个：https ://github.com/STRML/react-grid-layout

或者我可以定义一个特定的锚来拖动项目吗？

谢谢

当我将它与 onlayoutChange 方法集成时，我发现处理 react-grid-layout （来自https://github.com/STRML/react-grid-layout ）的复杂性很少。

每当我添加一个新项目时，我都会将布局和项目添加到现有状态，并为布局定制 id。（在这种情况下，为简单起见，我使用 date.now()。但根据我的要求，我有一些更复杂的逻辑）

我添加了一个新项目，调整大小并将其拖动到触发 ResponsiveReactGridLayout 的“onLayoutChange”的新位置。在观察输入时，我没有看到自定义 id 属性设置为布局。（添加了我得到的输入截图）

我正在使用 onLayoutChange 来更新商店。如果我不这样做，当我添加一个新项目时，整个布局都会被重置。

下面是我为此使用的代码

有人可以帮助我让我知道我在这里缺少什么吗？提前致谢。

我正在使用反应网格布局https://github.com/STRML/react-grid-layout。并以我需要创建一个可拖动的父 div 和一个可拖动的子 div 的方式使用它。划分工作完美，但我需要实现，当我拖动子 div 时，应该禁用父 div 的拖动。

以下是我已经实现的代码，但我无法拖动子 div 保持父 div 不可拖动：

我正在使用 带有响应式设计的 react-grid-layout 。在我的配置中，我有两张卡（例如）-

当用户在大屏幕中时，他重新排序卡片，以便

然后他缩小了屏幕

当用户返回到 Large- 时，订单符合预期。

关于如何实现我们预期的行为的任何想法？

我正在使用 react-grid-layout (RGL) 来实现这个用例，有两个考虑

• 保持应用程序的状态，包括 GridItems 的子组件

• 启用 GridItems 的子组件（事件、数据流、

ETC）

在 React Dev 工具上检查 RGL 树，我可以看到有很多中间组件。

我想知道是否有人实现了类似的场景，以及是否有办法使用 Redux 存储并将其沿 RGL 树传递给 GridItems 的子组件。

非常感谢，

FØ