React Ant Design 表过滤不起作用

Question

我试图在我的反应组件中实现蚂蚁设计表过滤功能，但是，我在显示我试图过滤的数据的实际值时遇到了问题。 数据填充在数组 (this.state.data) 中，下拉列表显示数组中数据的实际长度，但没有我试图显示的名称的实际可见数据/值。 任何帮助将非常感激。

    const registeredUsersColumns = [
  {
    title: "Name",
    dataIndex: "Name",
    key: "1",
    filters: this.state.data,
    onFilter: (value, record) => record.Name.indexOf(value) === 0,
  }]

Answer 1

OnFilter 必须返回这个值： record[indexOftheFiltringColumn]

Answer 2

要获得所需的行为更改.indexOf到.includes ：

onFilter: (value, record) => record.name.includes(value),

// and 

onFilter: (value, record) => record.address.includes(value),

固定 CodeSanbox 链接。