在过滤 React 中使用比较运算符 Table

Question

有什么方法可以使用“>”或“<”之类的比较运算符来过滤 react-table 在列级别或全局级别过滤？

export const ColumnFilter = ({ column }) => {
const { filterValue, setFilter } = column
return (
<span>
  Search:{' '}
  <input
    value={filterValue || ''}
    onChange={e => setFilter(e.target.value)}
  />
</span> 
 ) 
}

我有一列的数值介于 1 和 100 之间。用户将过滤结果，要么小于他们输入的数字，要么大于他们输入的数字。

Answer 1

我有点困惑，您想查看小于和大于输入值的列表。因此，如果我没记错的话，那么您想查看哪个值不等于输入值的列表。那你可以试试

<input
    value={filterValue || ''}
    onChange={(e) => {
    var newArray = preFilteredRows.filter(function(item) {
  return item !== parseInt(e.target.value, 10);
});

setFilter(newArray)}
}
  />

在过滤 React 中使用比较运算符 Table

Using Comparison Operator in Filtering React Table

reactjs

react-table