【发布时间】:2021-09-02 16:21:00
【问题描述】:
我使用 react-big-calendar 并且我想获取使用导航的日期(下一个,后退), 每次我使用它时,它都会重新渲染当前月份的日历。这是我的代码有什么问题
const [selectedMonth, setSelectedMonth] = useState<string>();
const getStartAndEndDate = (date: Date) => {
const firstDay = moment(new Date(date.getFullYear(), date.getMonth(), 1)).format('YYYY-MM-DD');
const lastDay = moment(new Date(date.getFullYear(), date.getMonth() + 1, 0)).format('YYYY-MM-DD');
const fullMonth = firstDay + '_' + lastDay;
return fullMonth;
};
const onNavigate = useCallback((date: Date) => {
const fullMonth = getStartAndEndDate(date);
setSelectedMonth(fullMonth);
}, []);
return(
<Calendar
localizer={localizer}
events={events}
views={['month', 'agenda']}
onNavigate={onNavigate}
startAccessor="start"
endAccessor="end"
style={{ height: '600px', width: '100%' }}/>
)
【问题讨论】:
标签: javascript reactjs typescript react-big-calendar