reactjs - GridToolbar 在 XGrid 中工作吗？（反应/材料-UI）

Question

是否可以在 XGrid 中使用 GridToolbar？沙盒在测试时给出错误消息：“无法读取未定义的属性‘当前’”。

demo.js 中的代码

标签： reactjsmaterial-uixgrid

Answer 1

不要从“@material-ui/data-grid”导入 GridToolbar，而是尝试从“@material-ui/x-grid”导入 GridToolbar。

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>
  );
}