我遇到了一个问题,在带有react的fullcalendar调度器中通过json提要提供资源。提要在正常的全日历调度程序中工作,没有反应。
import React from 'react';
import FullCalendar from '@fullcalendar/react';
import resourceTimelinePlugin from '@fullcalendar/resource-timeline';
import calendarInteraction from '@fullcalendar/interaction';
class Calendar extends React.Component {
state = {};
render() {
return (
<div>
<FullCalendar
schedulerLicenseKey="GPL-My-Project-Is-Open-Source"
plugins={[calendarInteraction, resourceTimelinePlugin]}
initialView={'resourceTimelineMonth'}
selectable={true}
editable={true}
resourceAreaWidth={'10%'}
resources={"localhost/resources"}
/>
</div>
);
}
}
export default Calendar;
我在控制台中收到以下错误:警告:无法对尚未装入的组件调用setState。这是一个非操作,但它可能表明您的应用程序中存在错误。相反,直接分配给this.state
,或者在CalendarDataProvider组件中定义具有所需状态的state = {};
类属性。
这看起来像是一个反应问题,但我不明白。完整的日历在哪里反应"插件";保存资源状态?
对不起,我找到了答案:
似乎你必须在react fullcalendar中显式地给出一个绝对URL,但没有react的fullcalendary版本也适用于非显式URL。
因此resources={"http://localhost/resources"}
起作用。resources={"localhost/resources"}
不起作用!
感谢给出答案的@ADyson。