除了标题，开始日期，结束日期之外，如何在反应调度程序中显示其他数据，例如位置和会议成员？

Question

我目前正在事件调度程序中显示标题、开始时间和结束时间。 但我想显示其他数据，例如会议地点和参加会议的人员姓名。 react-scheduler 是否有任何特定的标签或属性，例如标题、开始时间和结束时间？

const Calendar2 = () => 
{

  const [posts,setPosts]=useState([]);
  const [postData,setPostData]=useState([]);

  useEffect(()=>
  {
      const getPosts= async()=>{
      const {data:res}= await axios.get('http://localhost:8080/res/getAll');
      setPosts(res);
      const p= res.map(post=>{
        return{
          title:post.title,
          startDate:post.dateBegin+" "+post.timeStart,
          endDate:post.dateBegin+" "+post.timeEnd,
          
        }
      })
      console.log(p)
      setPostData(p)
    };
    getPosts();
  },[]);


  return (
        <div className="calendars">
          <Scheduler
          data={postData} 
          >
                <ViewState/>
                <EditingState/>
                <IntegratedEditing/>
                <WeekView startDayHour={6} endDayHour={21}/>
                <DayView/>
                <Toolbar/>
                <DateNavigator />
                <TodayButton />
                <ViewSwitcher />
                <Appointments/>
                <AppointmentTooltip
                  showOpenButton
                  showCloseButton
                />
                <Resources/>
          </Scheduler>
    
        </div>
      )
  }
  export default Calendar2;

Answer 1

可以看到这个代码沙箱https://codesandbox.io/s/f0418b

或https://js.devexpress.com/Demos/WidgetsGallery/Demo/Scheduler/CustomTemplates/React/Light/