Reactjs 未在回调函数中获取更新状态

我试图在自定义过滤器回调函数中获取

gridDataState

值。无论何时调用此回调，gridDataState始终等于defaultSDataState。我试着做一个getter函数，但我仍然有这个问题。当

kendo

通过

TreeListTextFilter

调用回调时，它从

gridDataState

获取正确的值。我做错了什么？我该如何修复它

const [gridDataState, setGridDataState] = useState(defaultSDataState);

const customRangeFilterCell = (field) => (
    <RangeFilterCell
        onChange={(newVal) => {
            console.log(gridDataState) // prints defaultSDataState
            handleFilterChange({ field, filter: [{ operator: newVal.operator, value: newVal.value, field }] }, true);
        }}
    />
);

function getState() {
    return gridDataState;
}

const handleFilterChange = (event, shouldAddState = false) => {
    console.log(getState().filter, event); // prints defaultSDataState
    if (!shouldAddState) setGridDataState({ filter: event.filter, sort: [] });
    return;
}

const allColumns = [
    { field: 'title', title: 'Some title', filter: TreeListTextFilter},
    {
        field: 'customFilter',
        title: 'custom filter',
        filter: () => customRangeFilterCell('customFilter')
    }
];


return (
    <div>
        <TreeList
            data={processData()}
            columns={processColumns(columns)}
            {...gridDataState}
            onFilterChange={handleFilterChange}
            skip={skip}
            take={take}
        />
    </div>
);

const[gridDataState，setGridDataState]=useState（defaultSDataState）；
常量customRangeFilterCell=（字段）=>(
{
console.log（gridDataState）//打印defaultSDataState
handleFilterChange（{field，filter:[{operator:newVal.operator，value:newVal.value，field}]}，true）；
}}
/>
);
函数getState（）{
返回gridDataState；
}
常量handleFilterChange=（事件，shouldAddState=false）=>{
console.log（getState（）.filter，event）；//打印defaultSDataState
if（！shouldAddState）setGridDataState（{filter:event.filter，sort:[]}）；
返回；
}
常量所有列=[
{字段：'title'，标题：'Some title'，过滤器：TreeListTextFilter}，
{
字段：“customFilter”，
标题：“自定义筛选器”，
筛选器：（）=>customRangeFilterCell（'customFilter'）
}
];
返回(
);