我正在使用 FullCalander v5 for React,测试资源时间线视图。我遇到“加载”功能的问题,目的是检查 Fullcalendar 状态,如果加载状态为 true,则显示 Spinner 类型组件(带有条件渲染)而不是时间轴,设置 Spinner 组件状态使用 useState 为 true。问题在于,从 render 方法内部的 Fullcalendar 组件启动 useState 会启动无限渲染循环。有什么想法可以打破流程吗?
// Loading function in the container component of Fullcalendar an the useState method
const [spinner, setSpinner] = useState(true);
let loadingFunction = (isLoading) => {
if (isLoading) {
console.log("loading");
setSpinner(true);
} else {
console.log("idle");
setSpinner(false);
}
};
// The conditional render
return (
<>
{spinner ? (
<Spinner />
) : (
<>
<FullCalendar
loading={loadingFunction}
ref={calendarRef}
dateClick={handleEventCreate}
.....
Run Code Online (Sandbox Code Playgroud)