GridToolbar可以在XGrid中工作吗？(React / Material-UI )

Question

是否可以在XGrid中使用GridToolbar？在测试时，Sandbox会给出错误信息："Cannot read property 'current‘of undefined“。

Code in demo.js

Answer 1

尝试从‘@material-ui/x- GridToolbar’导入GridToolbar，而不是从'@material-ui/data-grid‘导入网格。

import * as React from "react";
import { GridToolbar, XGrid } from "@material-ui/x-grid";
import { useDemoData } from "@material-ui/x-grid-data-generator";

export default function ToolbarGrid() {
  const { data } = useDemoData({
    dataSet: "Commodity",
    rowLength: 100,
    maxColumns: 6
  });

  return (
    <div style={{ height: 400, width: "100%" }}>
      <XGrid
        {...data}
        components={{
          Toolbar: GridToolbar
        }}
      />
    </div>
  );
}