Установите, что не обновляется при использовании при очистке фильтров ⇐ Javascript

[Anonymous]

У меня есть глобальная функция очистки фильтра в приложении React, которая должна сбросить раскрывающиеся дефекты фильтра, поля ввода и маркеры пользовательского интерфейса, когда нажимается кнопка «Чистые фильтры». Журналы консолей показывают, что обновления ClearFilterStrigger, состояние пользовательского интерфейса (текстовые поля и маркеры фильтра) не сбросится, как и ожидалось. < /p>
Что я делаю неправильно?

Код: Выделить всё

const Container: React.FunctionComponent = () => {
const handleClearFilters = () => {
console.log("Global Clear Filters Triggered!");
setFilters({});
setSelectedKeys([])
setSelectedValues([]);

setClearFiltersTrigger((prev) => {
console.log("Toggling clearFiltersTrigger to:", !prev); true
return !prev;
});

refetch(0, JOBS_TABLE_PAGE_LENGTH, false, undefined, undefined, {});
};

return (

< /code>
В whitview.tsx мы передаем состояние thattable: < /p>

< /code>
В этой желуде мы передаем состояние в Mytable с столбцами: < /p>

getTextFilterDropdown: < /p>
export const getTextFilterDropdown = (
...
clearFiltersTrigger: boolean
...
/** Reset input when global clear is triggered */
React.useEffect(() => {
console.log("useEffect triggered by clearFiltersTrigger:", clearFiltersTrigger); -- undefined

if (clearFiltersTrigger) {
setInputValue("");
setSelectedKeys([]);
}
}, [clearFiltersTrigger]);

Почему использование эффекта внутри фильтров-utils.tsx не запускается должным образом при обновлениях ClearFilterStrigger?>

Подробнее здесь: https://stackoverflow.com/questions/795 ... ng-filters