如何在fullcalendar react v5调度器中通过json流获取资源？

import React, { useEffect, useState } from 'react';
import FullCalendar from '@fullcalendar/react';
import resourceTimelinePlugin from '@fullcalendar/resource-timeline';
import '@fullcalendar/resource-timeline/main.css';

const MyCalendar = () => {
  const [resources, setResources] = useState([]);

  useEffect(() => {
    fetch('/api/resources') // 替换成你的API接口地址
      .then(response => response.json())
      .then(data => {
        // 转换资源数据格式
        const transformedResources = data.map(item => ({
          id: item.id,
          title: item.title
        }));
        setResources(transformedResources);
      });
  }, []);

  return (
    <FullCalendar
      plugins={[resourceTimelinePlugin]}
      initialView="resourceTimeline"
      resources={resources}
      // 其他配置项...
    />
  );
};

export default MyCalendar;