0 
import React, { useState, useEffect } from "react";
import { UseCovid19, Cases } from "./UseCovid19";
import "./Covid19.css";
import MUIDataTable from "mui-datatables";
import { createMuiTheme, MuiThemeProvider } from "@material-ui/core/styles";
import { Checkbox } from "@material-ui/core";

export const Covid19 = () => {
  const { error, isLoaded, items } = UseCovid19();

  const columns = [
    {
      name: "specimen_collection_date",
      label: "Specimen Collection Date",
      options: {
        filter: true,
        sort: true,
      },
    },
    {
      name: "case_disposition",
      label: "Case Disposition",
      option: {
        filter: true,
        sort: true,
      },
    },
    {
      name: "transmission_category",
      label: "Transmission Category",
      option: {
        filter: true,
        sort: true,
      },
    },
    {
      name: "case_count",
      label: "Case Count",
      option: {
        filter: true,
        sort: true,
      },
    },
  ];

  const options = {
    filterType: "checkbox",
  };

  if (error) {
    return <div>Error: {error}</div>;
  } else if (!isLoaded) {
    return <div>Loading...</div>;
  } else {
    return (
      <div className="myTable">
        <MUIDataTable
          title={"Employee List"}
          data={items}
          columns={columns}
          options={options}
        />
      </div>
    );
  }
};

options={options}当我插入 filterType="Checkbox" 时出现错误，它给了我这个错误

类型'{过滤器类型：字符串；}' 不可分配给类型 'Partial<{ caseSensitive: boolean; 确认过滤器：布尔值；计数：数字；customFilterDialogFooter: (filterList: any[], applyNewFilters?: ((...args: any[]) => any) | undefined) => ReactNode; ... 76 更多 ...; viewColumns：布尔值；}>'。属性“filterType”的类型不兼容。

4

2 回答 2

1

您应该安装类型定义@types/mui-datatables并在options.

import MUIDataTable, { MUIDataTableOptions } from 'mui-datatables';

const options: MUIDataTableOptions = {
  filterType: 'checkbox',
};
于 2021-01-05T15:04:11.147 回答
0

好吧我解决了我需要为属性定义一个类型filterType: "checkbox" as any

于 2020-08-26T11:17:28.150 回答