访问列的过滤功能中的另一列的过滤器?

时间:2018-05-15 15:41:29

标签: reactjs react-table

这是我的专栏定义

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特定于此特定列。

  

现在,我如何访问另一列的过滤器。

我需要这个来修改另一个过滤器组件,看看一个过滤器组件中的变化。

1 个答案:

答案 0 :(得分:2)

onFilteredChange={(column, value) => {...}}中捕获过滤器更改 并将它们保存到状态以便在另一个过滤器组件中使用就可以了。