问题标签 [react-grid-layout]

我正在尝试基于此示例实现 React Grid，使用 Redux 来管理商店的状态，并对基于 Redux 应用程序结构的原始示例代码进行修改。但是当我进行更改时，例如“排序”表格，它不会在商店中更新，因此网格不会排序。

这是网格组件。

这是动作文件。

还有减速机。

我这里还有一个启用了 Redux DevTools 扩展的代码框，您可以在其中看到排序不起作用。

我在这里想念什么？任何帮助都感激不尽！

我正在尝试创建动态网格，但它不起作用。我在逻辑上做的事情是正确的，但它仍然没有工作。

收到错误 com.facebook.react.uimanager.IllegalViewOperationException：尝试添加未知视图标签 我也发布了错误，但没有人响应 https://github.com/GeekyAnts/react-native-easy-grid/issues/58

我正在尝试基于此示例实现我自己的 Grid 。但是当我编辑一行时，下拉菜单中的当前值消失了。当我单击下拉菜单以显示其他项目时，我可以看到它们，但是当我尝试选择一个项目时，我的应用程序崩溃并且控制台出现此消息 -Uncaught Error: Material-UI: the 'value' property is required when using the 'Select' component with 'native=false'.

所以我的理解是，Select 组件的值在编辑期间和 onChange 事件执行时都没有设置。

我的 {rows} 看起来像这样

我的 {columns} 像这样

这些第一次正确渲染。user_type 列是我试图用下拉值填充的。user_types 数组看起来像这样，我只使用了nameandid属性。

最后基于示例，我将 user_types 作为道具传递给 LookUpEditCellBase 并像这样使用它，

知道什么可能导致 Select 字段无法读取编辑和 onChange 上的值吗？其他所有部分都与示例几乎相同。现在被难倒了一段时间，所以任何形式的帮助都会很棒！

我想将一个函数传递给一个子组件，但我收到了这个错误。

Invalid value for prop passedFunction on <div> tag.

基本上我正在尝试做的事情。

var ReactGridLayout = require('react-grid-layout');

它似乎是在 React v16 中引入的。因此，将函数从父级传递给子级的正确方法是什么？

- 有人可以帮我解决这个问题吗？我收到此问题标题中描述的错误。我想将 JSON 数据放入 react-grid-layout 组件中。这个库可以在（https://github.com/STRML/react-grid-layout）上找到

我正在考虑使用react-grid-layout组件，但在解释术语时文档并不好。以下是我的问题：

1. ReactGridLayout 和 ResponsiveReactGridLayout 有什么区别？“响应式”究竟是什么意思？
2. 对于 ResponsiveReactGridLayout，“断点”是什么意思？为什么我们需要它以及应该如何设置它？

我正在尝试在 .NET 核心 MVC 应用程序中使用react-grid-layout 。我已经设置了 node.js 并使用本指南做出反应，效果很好。现在我正在尝试包含一个 react-grid-layout 组件，但是在运行 webpack 时出现错误。首先它要求es2015安装 babel 预设，即使我已经在使用@babel/preset-env. 安装后es2015错误改为：

搜索其他有此问题的人时，我只找到了帖子，解决方案是使用 babel 预设@babel/preset-react和@babel/preset-env，我已经这样做了。这是我到目前为止发现的：

• Babel Plugin/Preset 文件不允许导出对象，只能导出函数
• https://github.com/babel/babel/issues/6808
• https://github.com/babel/babel-loader/issues/575

我的webpack.config.js：

和我的package.json

我还将一个示例项目推送到 github，在那里可以重现错误。

错误可能来自哪里的任何想法？也许我只是设置了错误？我对 .net 核心、节点和反应完全陌生，所以这很可能。提前致谢。

我正在使用 React Grid 布局来显示小部件网格。

这是我的网格组件：

我在网格内显示一个孩子（FirstWidget）：

问题是显示不正确，FirstWidget 卡没有填充 div 父级 (div key="a")，如下图所示：

那么我该如何解决呢？

感谢您的帮助。

我有一个渲染 tinymce 编辑器实例的 React 组件。目标是在初始化后动态调整编辑器的高度。我正在使用“React Grid Layout”包来调整组件的大小。

2个问题： 1.在react组件中哪里可以查看编辑器父级的高度变化。在哪个生命周期？2.应该在哪里更新编辑器的高度配置？在 init 方法中？

我的部分解决方案是像这样确定父母的身高：

如果在使用 React Grid Layout 调整大小之前和之后有任何差异，则此父高度将显示大小的差异。

在我找到高度并确定高度变化之后（但在哪里？这是我的问题 1）。我会更新 tinymce 配置：

谢谢！！

我已经学习 React 几天了，这次我试图创建一个可拖动的小部件网格，我在 github 上找到了这个库：react-grid-layout可以做到这一点。

这一次，我试图static在单击 a 时切换可拖动或属性，button但这样做时遇到了一些麻烦。

这是我的App.js：

我的index.js：

我的index.css：

如果我检查我的控制台，在重新加载页面后，我会layout在任何点击之前登录它：

但是，如果我将我的更改button为：

即layout从中删除参数，我在控制台中得到这个输出：

现在，我static的第一个小部件的代码更改true为拖动任何组件时，我试图在单击按钮时更改它。

我在图书馆的问题上找到了这篇文章：Assign static dinamically/programatically，但他们正在使用react-redux.

我发现他们也使用这个：

但我不确定那是做什么的。

任何至少将layoutvar 接收到的建议toggleStatic对我来说可能就足够了。