title: How to populate modal on event click?
body: <p>Currently setting up FullCalendar using ReactJS. I can populate my calendar and the events but having trouble with the <code>eventClick={}</code>. How can I populate a modal using <code>eventClick={}</code> and retrieve event information?</p>
  
  <p>I have managed to get the modal to appear when the event is clicked on but I cannot seem to pass any data through &lt; this is the closest I got. 
  I thought of perhaps greating a function where the modal fires off but I cant work out how to make it show. </p>
  
  <p><strong>Current Code</strong></p>
  
  <pre><code>constructor() {
          super();
          this.state = {
              modal: false
          };
  
          this.toggle = this.toggle.bind(this);
      };
  
      toggle() {
          this.setState(prevState =&gt; ({
              modal: !prevState.modal
          }));
      }
  
  ----
    //I then render the calendar and modal inside the div.
  
  &lt;div id="calendar" class="container" ref="calendar"&gt;
                  &lt;FullCalendar
                      header={{
                          left: 'prev,next today',
                          center: 'title',
                          right: 'dayGridMonth, listWeek'
                      }}
                      selectable={true}
                      height={650}
                      aspectRatio={2}
                      plugins={[interaction, dayListPlugin, dayGridPlugin, bootstrapPlugin]}
                      themeSystem="bootstrap"
                      weekends={false}
                      displayEventTime={true}
                      timeZone="UTC"
                      events={jsonFeed}
                      eventRender={this.handleEventRender}
                      eventClick={this.toggle}
                  /&gt;
              &lt;Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className}&gt;
              &lt;ModalHeader toggle={this.toggle}&gt;testTitle&lt;/ModalHeader&gt;
              &lt;ModalBody&gt;test body&lt;/ModalBody&gt;
              &lt;ModalFooter&gt;
                  &lt;Button color="primary" onClick={this.toggle}&gt;Do Something&lt;/Button&gt;{' '}
                  &lt;Button color="secondary" onClick={this.toggle}&gt;Cancel&lt;/Button&gt;
              &lt;/ModalFooter&gt;
          &lt;/Modal&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>So here I get the modal appearing and disappearing when I click on the event/close button but I cannot pass the data from the event clicked through it. I hope that someone can help. I cant seem to get it to do it.</p>