如何使用reactjs中的双向控制刷卡器修复错误

如何解决如何使用reactjs中的双向控制刷卡器修复错误

所以，我有两个带有双向控制的刷卡器：

function GroupSchedule({
  setModalisOpen,setModalContent,isFetched
}) {

  const [thumbsSwiper,setThumbsSwiper] = useState(null);
  const [lessonsSwiper,setLessonsSwiper] = useState(null);

  return (
    <>
      <TopBar setModalisOpen={setModalisOpen} />
      <Swiper
        slidesPerView={4}
        centeredSlides
        onSwiper={setThumbsSwiper}
        controller={{ control: lessonsSwiper }}
      >
      {...slides1}
      </Swiper>
      {
        isFetched ?
          <Loader />
          :
          <Swiper
            spaceBetween={5}
            slidesPerView={1}
            onSwiper={setLessonsSwiper}
            controller={{ control: thumbsSwiper }}
          >
            {...slides2}
          </Swiper>
       }
    </>
  )
}

第一次刷卡应该是静态的。 当我需要显示加载程序时，出现错误： 上面的错误发生在组件中：... 和 controller.js：45未捕获的TypeError：无法读取未定义的属性'1'：... 我尝试在获取之前将swiper控制器设置为undefined，这很有帮助，但是缺少双向控制，我不知道为什么当组件重新渲染时静态swiper的控制器没有设置...所以我需要帮助。