React DatePicker не закрывается после выбора даты
Я пытаюсь использовать форму реагирования с помощью средства реагирования-датапикера. Я использую кнопку, чтобы открыть средство выбора даты, и пытаюсь закрыть его после выбора новой даты.
Ниже приведен созданный мной код-песочница, показывающий точную проблему, с которой я столкнулся.
https://codesandbox.io/p/devbox/react-datepicker-qwfyfs?file=%2Fsrc%2FDatePicker.jsx%3A105%2C33
Элемент управления даже не переходит к onChange в компоненте DatePicker при попытке отладки. Компонент DatePicker можно закрыть только повторным нажатием кнопки.
Буду признателен за любую оказанную помощь
Извините, вот рабочая ссылка. Песочницы теперь по умолчанию являются черновиками, не знал :) codeandbox.io/p/devbox/…
Ответы 1
Кажется, ваш {...props} перезаписывает логику onChange. Таким образом, вы можете удалить {...props}, если он не нужен, или, если он нужен, поставить его первым, чтобы он не перезаписывал остальную логику.
<DatePicker
{...props}
inline
selected = {selected}
onChange = {(date) => {
console.info("event");
try {
handleChangeEvent(date);
} catch (err) {
console.info("error :", err);
} finally {
setIsOpen(false);
}
}}
calendarStartDay = {1}
/>
Спасибо чувак, как я это пропустил 😅
песочница не найдена