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

【问题标题】：Does GridToolbar work in XGrid? (React / Material-UI )GridToolbar 在 XGrid 中工作吗？（反应/材料-UI）
【发布时间】：2021-06-19 11:49:01
【问题描述】：

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

Code in demo.js

【问题讨论】：

标签： reactjs material-ui xgrid

【解决方案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>
  );
}

【讨论】：