小编Pao*_*olo的帖子

FullCalendar - React - 加载功能问题

我正在使用 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)

html css fullcalendar reactjs fullcalendar-5

5
推荐指数
1
解决办法
2274
查看次数

标签 统计

css ×1

fullcalendar ×1

fullcalendar-5 ×1

html ×1

reactjs ×1