реагирует. js муравейный фильтр диапазона проектирования с ошибкой даты начала и окончания

Question

в моем ответе. js ant.design проект Я пытаюсь реализовать фильтрацию диапазона таблиц на основе двух средств выбора даты: для даты начала и окончания. Я вставил их в раскрывающийся список фильтров, но когда я нажимаю кнопку search, я получаю сообщение об ошибке values.some is not a function.

Пример, который вы можете увидеть ЗДЕСЬ

Цель состоит в том, чтобы отправить бэкэнду для поиска в массиве 2 даты: дата начала и дата окончания. Я предполагаю, что он отправляет туда moment.js объект, который должен быть как-то преобразован в строку, но я не знаю, где это сделать. Любые идеи, как это исправить будет приветствоваться

Answer 1

Измените способ передачи значений в функцию setSelectedKeys, функция setSelectedKeys принимает массив в качестве значения.

Итак, чтобы это работало. Измените свой код на этот.

onChange={e => setSelectedKeys([e.format("DD.MM.YYYY")])}

Также вы должны обработать событие on clear средства выбора даты, чтобы избежать передачи нулевого значения в функцию setSelectedKeys.

onChange={e => setSelectedKeys(e !== null ? [e.format("DD.MM.YYYY")] : [])}

Answer 2

Ваша функция поиска не получает точные значения выбранных дат - selectedKeys [0], она получает только последнюю выбранную дату. Попытайтесь утешить его и проверьте.

Решение проблемы может быть выполнено через состояние, как бы вы ни выбрали в качестве startDate и endDate, получите эти значения в функции поиска и передайте его в API / Backend.