这是我的专栏定义
columns: [
{
Header: "A",
accessor: "a",
id: "a",
Cell: ({ value }) => value,
filterMethod: (filter, row) => {
// filter method
},
Filter: ({ filter, onChange }) => {
// how to access column B's selected filter here
return (
//component
)
},
{
Header: "B",
accessor: "b",
id: "b",
Cell: ({ value }) => value,
filterMethod: (filter, row) => {
// filter method
},
Filter: ({ filter, onChange }) => {
return (
//component
)
}
]
如何访问列filter value
中的其他列Filter: () => jsx_component
。
这里,在这个过滤函数中我得到三个属性,即column, filter and onChange
。`
filter and onChange
特定于此特定列。
现在,我如何访问另一列的过滤器。
我需要这个来修改另一个过滤器组件,看看一个过滤器组件中的变化。
答案 0 :(得分:2)
在onFilteredChange={(column, value) => {...}}
中捕获过滤器更改
并将它们保存到状态以便在另一个过滤器组件中使用就可以了。