javascript - react typescript : Antd Table filter

Question

当我尝试以下操作时，列中出现错误:

{
   title: "Gruppe",
   dataIndex: 'group',
   filters: [
      this.state.dropdownItems.map((item) => ({
         text: item.group,
         value: item.group
      })
   )],
   onFilter: (value, record) => record.TransactionType.includes(value),
},

Error: *TS2322 (TS) Type '({ title: string; dataIndex: string; key:string; width: number; align: "center"; sorter: (a: any, b: any) =>number; filters?: undefined; onFilter?: undefined; render?: undefined;} | { title: string; ... 7 more ...; render?: undefined; } | { ...; }| { ...; } | { ...; })[]' is not assignable to type'ColumnsType'. Type '{ title: string;dataIndex: string; key: string; width: number; align: "center";sorter: (a: any, b: any) => number; filters?: undefined; onFilter?:undefined; render?: undefined; } | { title: string; ... 7 more ...;render?: undefined; } | { ...; } | { ...; } | { ...; }' is notassignable to type 'ColumnGroupType |ColumnType'.Type '{ title: string; dataIndex: string; width: number; align: "center"; filters: { text: string; value: string; }[][]; onFilter:(value: any, record: any) => any; key?: undefined; sorter?: undefined;render?: undefined; }' is not assignable to type'ColumnGroupType |ColumnType'.Type '{ title: string; dataIndex: string; width: number; align: "center"; filters: { text: string; value: string; }[][]; onFilter:(value: any, record: any) => any; key?: undefined; sorter?: undefined;render?: undefined; }' is not assignable to type'ColumnType'.Types of property 'filters' are incompatible.Type '{ text: string; value: string; }[][]' is not assignable to type 'ColumnFilterItem[]'.Type '{ text: string; value: string; }[]' is missing the following properties from type 'ColumnFilterItem': text, value *

Answer 1

由于map返回一个新数组，所以现在您将一个二维数组定义为过滤器，它应该是这样的:

filters: [
  ...this.state.dropdownItems.map((item) => ({
     text: item.group,
     value: item.group
  })
)]

或者:

filters: this.state.dropdownItems.map((item) => ({
     text: item.group,
     value: item.group
  })
)