Программный фильтр с компонентом функции, получить фильтр невозможно - реагирует- bootstrap -таблица-2 - PullRequest
0 голосов
/ 04 февраля 2020

Я пытаюсь реализовать пользовательский фильтр, используя реакцию 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. Можно ли так сделать и заставить работать? Есть ли обходной путь для программной фильтрации внутри функционального компонента?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...