title: How to display a react-bootstrap modal from another component
body: <p>I have a Meteor+React application which I'm developing where I want to implement the login/registration functionality in a modal. I'm not sure how to open the modal from clicking my sign up or log in buttons</p>
  
  <p>I have the following two components:</p>
  
  <p><strong>ui/components/main-layout/header/LoggedOutNav.jsx</strong></p>
  
  <pre><code>import React, { Component } from 'react'
  
  export default class LoggedOutNav extends Component {
      render() {
          return(
              &lt;ul className="nav navbar-nav"&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;
                          &lt;i className="fa fa-sign-in" aria-hidden="true"&gt;&lt;/i&gt;
                          &amp;nbsp;
                          Log In
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#loginRegistration"&gt;
                          &lt;i className="fa fa-user-plus" aria-hidden="true"&gt;&lt;/i&gt;
                          &amp;nbsp;
                          Sign Up
                      &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          )
      }
  }
  </code></pre>
  
  <p><strong>ui/components/modals/LoginRegistration.jsx</strong></p>
  
  <pre><code>import React, { Component } from 'react'
  import { Modal } from 'react-bootstrap'
  
  export default class LoginRegistration extends Component {
      getInitialState() {
          return { showModal: false }
      }
  
      close() {
          this.setState({ showModal: false })
      }
  
      open() {
          this.setState({showModal: true})
      }
  
      render() {
          return (
              &lt;Modal show={this.state.showModal} onHide={this.close}&gt;
                  {/* Irrelevant modal code here */}
              &lt;/Modal&gt;
          )
      }
  }
  </code></pre>
  
  <p>How could I accomplish opening the modal from my other component?</p>