双击数据时，React 日期选择器会出错答案

【问题标题】：React day picker gives an error when double click on data双击数据时，React 日期选择器会出错
【发布时间】：2022-08-20 01:17:42
【问题描述】：

index.js:373 未捕获 RangeError：时间值无效在格式 (index.js:373:1) 在 AvailableAppointment (AvailableAppointment.js:16:1) 在 renderWithHooks (react-dom.development.js:16175:1) 在 updateFunctionComponent (react-dom.development.js:20387:1) 在 beginWork (react-dom.development.js:22430:1) 在 beginWork$1 (react-dom.development.js:27381:1) 在 performUnitOfWork (react-dom.development.js:26513:1) 在 workLoopSync (react-dom.development.js:26422:1) 在 renderRootSync (react-dom.development.js:26390:1) 在 recoverFromConcurrentError (react-dom.development.js:25806:1)
import banner from \'../../assets/images/chair.png\'
import { DayPicker } from \'react-day-picker\';
import { format } from \'date-fns\';

const AppointmentBanner = ({ selected, setSelected }) => {

    let footer = <p>Please pick a day.</p>;
    if (selected) {
        footer = <p>You picked {format(selected, \'PP\')}.</p>;
    }
    return (
        <div>
            <div class=\"hero min-h-screen \">
                <div class=\"hero-content flex-col lg:flex-row-reverse\">
                    <img src={banner} class=\"max-w-sm rounded-lg shadow-2xl\" alt=\'dental chair\' />
                    <div className=\'border hover:border-primary rounded-lg mx-12\'>
                        <DayPicker
                            mode=\"single\"
                            selected={selected}
                            onselected={setSelected}
                            footer={footer} />
                    </div>
                </div>
            </div>
        </div>
    );
};

export default AppointmentBanner;

标签： react-day-picker

【解决方案1】：

我得到了解决方案：

利用

onDayClick={setSelected}

而不是使用

onselected={setSelected}

【讨论】：

【解决方案2】：

在 v8.1.0 上我也遇到了错误，我使用 onDayClick={setSelected} 而不是 onselected={setSelected}

它奏效了。

【讨论】：