日历 iframe 不显示所有最新创建的事件（尤其是共享日历事件）

Question

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

日历iframeURL是这个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 的所有事件。