Reactjs 如何使用react big calendar onRangeChange选项

Reactjs 如何使用react big calendar onRangeChange选项,reactjs,react-big-calendar,Reactjs,React Big Calendar,我不想移动日历月,所以请使用此代码 const FullCalendar = (props) => { const { calendarInfos, height, dateInfo } = props const { selectDate } = dateInfo const localizer = momentLocalizer(moment); return ( <> <CalendarCss /> &l

我不想移动日历月,所以请使用此代码

const FullCalendar = (props) => {

  const { calendarInfos, height, dateInfo } = props

  const { selectDate } = dateInfo

  const localizer = momentLocalizer(moment);

  return (
    <>
      <CalendarCss />
      <Calendar
        toolbar={false}
        popup={false}
        localizer={localizer}
        culture='ko'
        views={['month']}
        events={calendarInfos}
        defaultDate={new Date(moment(selectDate))}
        startAccessor="start"
        endAccessor="end"
        onRangeChange={(e)=>{console.log(e)}}
        style={{
          height: height + 'px',
          width: '100%',
        }}
        components={
          {
            event: (e) =>
              (
                <FullCalendarEvent
                  event={e}
                />
              )
            ,
          }
        }
      />
    </>
  );
};
const FullCalendar=(道具)=>{
const{calendarInfos,height,dateInfo}=props
const{selectDate}=dateInfo
常数定位器=力矩定位器(力矩);
返回(
{console.log(e)}
风格={{
高度:高度+px,
宽度:“100%”,
}}
组成部分={
{
事件:(e)=>
(
)
,
}
}
/>
);
};
但是这段代码中有一个错误

如何在RangeChange上使用react big calendar选项根据,这取决于视图(排序)

const onRangChange=(范围:[Date])=>做点什么
//或者,可能性越大
const onRangChange=({start:Date,end:Date})=>做点什么
应该为所有内置视图使用第二种类型,因此不确定第一种类型何时符合条件

如果您试图限制它逐月移动,更好的选择是使用受控的
日期
道具,并进行一些检查以确定是否设置它。

根据,它取决于视图(排序)

const onRangChange=(范围:[Date])=>做点什么
//或者,可能性越大
const onRangChange=({start:Date,end:Date})=>做点什么
应该为所有内置视图使用第二种类型,因此不确定第一种类型何时符合条件

如果您试图限制它每月移动,更好的选择是使用受控的
date
prop,并进行一些检查以确定是否设置它