我創建了Event ()它作為自定義組件傳遞給的函數<Calendar components = {{   event: Event}}/>然后在Event ()函數中創建變量popoverClickRootClose，在其中放置 react-bootstrap popover。然后popoverClickRootClose傳遞給組件：<OverlayTrigger overlay = {popoverClickRootClose}>     <div> {event.title}</ div></ OverlayTrigger>單擊事件后不會出現彈出窗口。有人可以告訴我我做錯了什么嗎？演示在這里：https : //stackblitz.com/edit/react-umtvgsimport React, { Component } from 'react';import { render } from 'react-dom';import { Calendar, momentLocalizer } from 'react-big-calendar';import moment from 'moment';import 'react-big-calendar/lib/css/react-big-calendar.css';import {Overlay} from 'react-bootstrap';import {OverlayTrigger} from 'react-bootstrap';import {Popover} from 'react-bootstrap';const localizer = momentLocalizer(moment);function Event({ event }) {  let popoverClickRootClose = (    <Popover id="popover-trigger-click-root-close" style={{ zIndex: 10000 }}>      <strong>Holy guacamole!</strong> Check this info.      <strong>{event.title}</strong>    </Popover>  );  console.log(event);  return (    <div>      <div>        <OverlayTrigger id="help" trigger="click" rootClose container={this} placement="bottom" overlay={popoverClickRootClose}>          <div>{event.title}</div>        </OverlayTrigger>      </div>    </div>  );}class App extends Component {  constructor() {    const now = new Date();    const events = [      {          id: 0,          title: 'All Day Event very long title',          allDay: true,          start: new Date(2019, 6, 0),          end: new Date(2019, 6, 1),          description: 'sdsdsdsdsdsdsdsd'      },      {          id: 1,          title: 'Long Event',          start: new Date(2019, 3, 7),          end: new Date(2019, 3, 10),          description: 'yyyyyyyyyyyyyyyyyy'      },      {          id: 2,          title: 'Right now Time Event',          start: now,          end: now,          description: 'cddffffffffdfdfdfd'      },    ]    this.state = {      events    };  }