react表v8如何获取自定义过滤器组件的选项值

Question

如何获取要用作自定义下拉组件中选项的preFilteredRow值。我一直在努力显示自定义组件，但现在我再次陷入了获取所选列的值的困境，现在我仍在手动填充所选<option>，以下是我目前的实现：

声明过滤器组件

declare module '@tanstack/table-core' {
interface ColumnMeta<TData extends unknown, TValue> {
filterComponent: (props: any) => any;
}
}

列辅助

const columns = [
columnHelper.accessor('attributes.category.data.attributes.name', {
cell: (info) => info.getValue(),
header: 'Categori',
meta: {
filterComponent(setFilterValue) {
return (
<select
name="Category"
aria-label="Category"
className="block w-full rounded-lg border-gray-200 text-sm shadow focus:border-green-500 focus:ring-1 focus:ring-green-500 focus:ring-opacity-75"
onChange={(e) => setFilterValue(e.target.value)}
>
<option value="">All</option>
<option value="MANUAL1">Manual Option 1</option>
<option value="MANUAL2">Manual Option 2</option>
</select>
);
},
},
}),
]

正如您在上面看到的，我仍然手动填充select<option>以匹配所选的单元格数据，并且效果良好。但是我需要从所选择的小区数据填充CCD_ 4。有人能启发我吗？谢谢。

Answer 1

我认为您可以将任何参数传递给filterComponent(setFilterValue(函数，而不是setFilterValue，例如，您可以将{column，table}传递到您调用"filterCompany"的位置