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 鏈接。