reactjs - 反应网格布局 x,y,w,h

Question

再会，

我想更改反应网格布局的位置，但是我不明白 React-Grid-Layout x,y,w,h 的一件事，尤其是 x,y 部分。我知道 w 是宽度，h 是高度。我已经完成了 css 网格，但我不确定这个 React-Grid-Layout 是否与 css 一样。

请帮忙。

Answer 1

正如您在react-grid-layout库的文档中所读到的，网格项目道具x、y、w、h以及minW、maxW、minH、maxH都以网格单位（不是像素）为单位。然后，您要做的是使用cols属性定义列数，使用rowHeight定义行高（以像素为单位）和整个网格的以像素为单位的宽度。

因此，通过组合 GridLayout 组件的这三个属性（cols、rowHeight 和 width），您应该得到一个网格，并且您将始终使用网格单元。