AG-Grid-React:如何获得用户输入的列过滤器输入值？

Question

在用户输入输入列过滤器后，我尝试更新redux模式，但它不起作用

<AgGridReact
    rowData={rowData}
    columnDefs={columnDefs}
    defaultColDef={defaultColDef}
    animateRows={true}
    onFilterChanged={(e) =>
        console.log("filter has changed", e)
    }
></AgGridReact>

Answer 1

经过分析，我找到了访问过滤器用户输入的解决方案如下

const onFilterChanged = useCallback(() => {
    const value = gridParams.api.getFilterModel()
    
}, [ gridParams, setFilterModel, filterModel ])

useEffect(() => {
    if (gridParams && !dataPending) {
        gridParams.api.addEventListener('filterChanged', onFilterChanged)
    }
}, [ gridParams, dataPending ])


<AgGridReact
    rowData={rowData}
    columnDefs={columnDefs}
    defaultColDef={defaultColDef}
    animateRows={true}
></AgGridReact>