带有typescript的react-material表显示一般类型错误

Question

我正在尝试在一个Typescript项目下运行react-material。

因为我是Typescript的新手，我遇到了一些错误，我不知道如何解决它们。

在这个guest中，我试图创建一个可重用的React组件。(请打开访客查看完整代码)

正如我所说的，上面的例子显示了一些错误，这是homePage中第48行的一个例子：

No overload matches this call.
  Overload 1 of 2, '(props: Readonly<MaterialTableProps<IData>>): KTable<IData>', gave the following error.
    Type '{ title: string; field: string; type: string; }[]' is not assignable to type 'Column<IData>[]'.
      Type '{ title: string; field: string; type: string; }' is not assignable to type 'Column<IData>'.
        Types of property 'type' are incompatible.
          Type 'string' is not assignable to type '"string" | "boolean" | "time" | "numeric" | "date" | "datetime" | "currency" | undefined'.
  Overload 2 of 2, '(props: MaterialTableProps<IData>, context?: any): KTable<IData>', gave the following error.
    Type '{ title: string; field: string; type: string; }[]' is not assignable to type 'Column<IData>[]'.ts(2769)

为什么这个数组显示错误？

columns = [...{
    title: "Birth Place",
    field: "birthCity",
    type: "string" // ERROR ?!
}]

尽管接口清楚地定义了该类型接受字符串：

type?: ('string' | 'boolean' | 'numeric' | 'date' | 'datetime' | 'time' | 'currency');

如果有人知道如何完成这项工作，那将是很有帮助的。

Answer 1

解决了！天哪，我花了这么多时间来处理这个打字错误...

type IType =
  | "string"
  | "boolean"
  | "numeric"
  | "date"
  | "datetime"
  | "time"
  | "currency";
const string: IType = "string";

const columns = [
  {
    title: "Name",
    field: "name",
    type: string
  },
  {
    title: "Surname",
    field: "surname",
    type: string
  },
  {
    title: "Birth Year",
    field: "birthYear",
    type: string
  },
  {
    title: "Birth Place",
    field: "birthCity",
    // lookup: { 34: "İstanbul", 63: "Şanlıurfa", 1: "Berlin", 2: "Tunis" },
    type: string
  }
];

Answer 2

使用原始字符串值string将被解释为不是正确类型的字符串。要解决这个问题，请将其强制转换为const。

columns = [...{
    title: "Birth Place",
    field: "birthCity",
    type: "string" as const // ERROR ?!
}]

Answer 3

对于列类型，string实际上不是可接受的类型：

​

​

我创建了一个PR来解决这个问题，但是如果你要显示一个字符串，你可以省略这个类型。