React-Grid-Layout x，y，w，h

Question

美好的一天，

我想更改React网格布局的位置，但是有一件事我不理解React-Grid-Layout x，y，w，h，尤其是x，y部分。我知道w代表宽度，h代表高度。我已经完成了CSS网格，但是我不确定此React-Grid-Layout是否与CSS相同。

请帮助。

Answer 1

您可以在react-grid-layout库的文档中阅读，网格项支持 x ， y ， w ，< em> h 和 minW ， maxW ， minH ， maxH 都位于网格中单位（以像素为单位）。 然后，您需要使用 cols 属性定义列数，使用 rowHeight 和 width 定义行高（以像素为单位）整个网格的像素。

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