扩展一个筛选功能遇到的问题 about ali-react-table HOT 6 CLOSED

function makeFilterTransform({ filterState, onChangeFilterState }) {
  return ({ columns, dataSource }) => {
    // 根据 filterState 来过滤数据源
    const filteredDataSource = dataSource.filter((row) => test(filterState, row))

    // 遍历 columns，在每一列的表头生成一个 过滤的图标，点击图表弹出过滤面板
    // 注意 columns 是一个嵌套的结构，一般情况下得用递归来进行遍历
    const nextColumns = columns.map((col) => {
      if (!col.features?.showFilter){
        // 只有 features.showFilter 的列才支持过滤
        return col
      }
      const name = col.name
      return {
        ...col,
        title: (
          <div>
            {name}
            <FilterIcon
              onClick={() => {
                showFilterPopup(col.code)
              }}
            />
          </div>
        ),
      }
    })

    return { dataSource: filteredDataSource, columns: nextColumns }
  }
}

// 在使用时……

const [filterState, onChangeFilterState] = useState([])

const renderData = applyTransforms(
  { dataSource, columns },
  makeFilterTransform({ filterState, onChangeFilterState }),
  makeSortTransform(...)
)