reactjs - 使用 react-data-table-component 过滤数据表

Question

我需要将下面的代码转换为没有钩子(Hook)的普通类组件，任何人都可以帮我解决这个问题，
这是我指的链接
https://jbetancur.github.io/react-data-table-component/?path=/story/filtering--example-1
我需要在不使用钩子(Hook)的情况下进行过滤，因为我只使用类组件。
以下是我正在使用的版本:-
“ react 数据表组件”:“^6.9.3”，
“ react ”:“^ 16.12.0”，

Answer 1

您可以在组件本身中进行过滤

<DataTable
    pagination="true"
    columns={columns}
    data={leaderBoardList.filter((item) => {
      if (searchTerm === "") {
        return item;
      } else if (
        item.name.toLowerCase().includes(searchTerm.toLowerCase())
      ) {
        return item;
      }
    })}
  />