Таблица реагирующих материалов с машинописью показывает общую ошибку типа

Question

Я пытаюсь запустить реагирующий материал в проекте Typescript.

Так как я новичок в Typescript, у меня есть некоторые ошибки, я не знаю, как их решить.

В этом guest Я пытаюсь создать повторно используемый компонент React. (Пожалуйста, откройте гость, чтобы увидеть полный код)

Как я уже сказал, в приведенном выше примере показаны некоторые ошибки, это пример в строке 48 в homePage:

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

string на самом деле не является приемлемым типом для типа столбца:

Я создал PR, чтобы исправить это, но если вы отображаетестрока, вы можете просто опустить тип.

Answer 2

решено! Боже мой, мне потребовалось так много времени, чтобы справиться с этими ошибками машинописи ...

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