Я пытаюсь реализовать пользовательский фильтр, используя реакцию bootstrap в таблице 2, в компоненте функции, но когда я использую функцию getFilter для получения доступа к фильтру, setFilter не работает, а filter.text остается на null
const ExempleTable = () => {
const [filter, setFilter] = useState({ text: null });
const columns = [{
dataField: 'text',
text: 'Text',
filter: textFilter({
getFilter: (textFilter) => setFilter({ text: textFilter }),
})
}];
const setTextFilter = (e) => filter.text && filter.text(e.currentTarget.value);
return (
<>
<input onChange={setTextFilter} />
<BootstrapTable
filter={filterFactory()}
data={[{ text: "Je suis un test"}]}
columns={columns}
/>
</>
);
}
Здесь filter.text всегда равен нулю даже после setFilter. Можно ли так сделать и заставить работать? Есть ли обходной путь для программной фильтрации внутри функционального компонента?