Reactjs 具有LIKE运算符的下拉列表react-bootstrap-table2

我有一张桌子。它们提供了一种自定义的外部筛选方法（在列标题之外）。在我的表中，第一列是一组数据，我用

@

作为分隔符传递一个字符串，并使用formatter函数将其格式化，如下所示：

这是我的列定义：

  let projectFilter;
   columns = [{
        dataField: 'project',
        text: 'Project',
        filter: textFilter({
          options: fpsoOptions,
          getFilter(filter){
            projectFilter = filter;
          },
          style: { display: 'none' }
        }),
        sort: true,
        formatter: this.projectFormatter,
        headerStyle: (col, idx) => {
          return smHeaderStyle;
        },
      }, [..]

这是

projectFormatter

函数：

projectFormatter = (cell, row) => {
    const values = cell.split('|');
    const fpsos = values[0].split('@');
    return (
      <div>
        {fpsos.map((pu, idx) => {
          const identity = pu.split(';')[0];
          const id = pu.split(';')[1];
          const separator = idx !== fpsos.length - 1 ? ", " : '';
          return (
            <Link to={`/view/${id}/fpso`}>{identity}{separator}</Link>
          )
        })}
        <br/>
        <span><b>{ values[1] }</b></span><br/>
      </div>
    );
  }

我感谢任何线索/帮助。提前谢谢

 const onChangeFilter = (e) => {
        projectFilter(e.target.value)
    }