问题描述
我的反应表 v7 中有一个列过滤不起作用,因为访问器基于我的数据,我希望在我的 ColumnFilter 上输入它时仍然能够搜索“未批准” .只有当数据中的approvedBy为null时,not allowed值才会显示。
{
Header: 'Approved By',accessor: 'approvedBy.fname',Filter: ColumnFilter,disableSortBy: true,Cell: e => {
return (
<>
{e.row.original.approvedBy ? (
`${e.row.original.approvedBy.fname} ${e.row.original.approvedBy.lname}`
) : (
<Tag colorScheme="red">Not Approved</Tag>
)}
</>
);
},},
这是我的列过滤器组件。
function GlobalFilter({ column }) {
const { filterValue,setFilter } = column;
return (
<Box>
<Input
my="1rem"
placeholder="Search"
value={filterValue || ''}
onChange={e => setFilter(e.target.value)}
/>
</Box>
);
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)