javascript - 日历 iframe 不显示所有最新创建的事件(尤其是共享日历事件)

Question

我已经设法将 Google 日历嵌入到 React 组件中，但问题是我可以观察到嵌入式日历没有获取添加到通过 gapi 验证的电子邮件的最新事件。 .

日历iframe URL是这个https://calendar.google.com/calendar/b/1/embed?src={VALID_CALENDAR_EMAIL}

calendar.util.js

const CALENDAR_EMBED_BASE_URL =
  'https://calendar.google.com/calendar/embed?src=';

export const getCalendarEmbedUrl = email =>
  `${CALENDAR_EMBED_BASE_URL}${email}`;

CalendarIframe.jsx 组件

import React, { PureComponent } from 'react';
import { getCalendarEmbedUrl } from 'calendar.util.js';

class CalendarIframe extends PureComponent {
  render() {
    const { email } = this.props;
    const embedUrl = getCalendarEmbedUrl(email);

    return (
      <div className="calendarEmbedWrapper">
        <iframe
          title="Calendar"
          id="calendarEmbed"
          width="100%"
          src={embedUrl}
        />
      </div>
    );
  }
}

有什么方法可以确保嵌入式日历具有应有的动态性？

Answer 1

我想出了解决嵌入式日历问题的方法。在嵌入字符串中，我只需将所有 calendarIds 附加到字符串中，如下所示: https://calendar.google.com/calendar/embed?src=calendarID + &src=anotherCalendarId

https://calendar.google.com/calendar/embed?src=email@email.com&src=anothercalendar@group.calendar.google.com

它将显示来自多个嵌入的日历 ID 的所有事件。