从 2 个特定元素创建网格
Create grid from 2 specific elements
我正在尝试使用React-Grid-Layout(https://github.com/STRML/react-grid-layout)创建一个网格结构。
我查看了此处描述的基本示例:
https://github.com/STRML/react-grid-layout/blob/master/test/examples/1-basic.jsx
在此示例中,布局是使用 this.props
创建的,如下所示:
generateLayout() {
var p = this.props;
return _.map(new Array(p.items), function(item, i) {
var y = _.result(p, 'y') || Math.ceil(Math.random() * 4) + 1;
return {x: i * 2 % 12, y: Math.floor(i / 6) * y, w: 2, h: y, i: i};
});
},
但是,我不想在网格中显示this.props
元素。实际上,我只想在网格中放置2个组件:
<Comp1/>
<Comp2/>
如何为这两个生成布局,以便将它们放置在网格中?
React 网格布局采用一个包含带有键 - x,y,w,h 的对象的对象。
因此,对于网格中具有 12 列和 12 行的 2 个项目,您可以执行以下操作:
generateLayout() {
return {{x:0,y:0,w:6,h:12},{x:6,y:0,w:6,h:12}};
}
相关文章:
- 有没有一种方法可以让内联事件处理程序在元素创建后立即执行
- 根据对多个数组唯一的元素创建一个新数组
- 使用Jquery从所有元素创建一个字符串
- 如何从html表单数组元素创建javascript数组
- 在 Backbone.js 中为集合中的一个元素创建详细信息页面
- 动态 DOM 元素创建
- 每 5 个元素创建一个新对象
- 下划线 从对象元素创建对象数组
- 从 2 个特定元素创建网格
- 维基百科如何从
- mongodb:如何为每个数组元素创建_id
- 如何为每 5 个元素创建一个 DIV
- 如何为自定义聚合物元素创建方法并在主应用程序中调用它
- jQuery元素创建,值传递
- 我无法基于实际的 HTML 元素创建类
- 在 jQuery 中迭代数组时,每隔一个元素创建新列表
- Mouseover/out难题上的JS元素创建/删除
- 为Angular指令创建的元素创建名称
- Javascript/jquery从具有相同rel的元素创建数组
- 如何使用DOM元素创建表单的副本