react-grid-layout - ResponsiveGridLayout 静态项目留下巨大的差距（不可用）

Question

不知道怎么办，有人遇到过吗？

当网格项目是静态的时，它会在项目之前留下很大的空白： https ://codesandbox.io/s/hungry-dawn-cww14

当网格项不是静态的时，一切似乎都很好： https ://codesandbox.io/s/relaxed-dhawan-2xs1l

Answer 1

添加isDraggable,isRearrangeable和isResizable似乎可以修复它。但是仍然有一个错误。我在这里注意到了。

<ResponsiveGridLayout
    className="pageGraphs"
    breakpoints={{ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }}
    cols={{ lg: 2, md: 2, sm: 2, xs: 1, xxs: 1 }}
    isDraggable={false}
    isRearrangeable={false}
    isResizable={false}
    style={{}}
>