title: React Rendering Multiple Modals in Same Component
body: <p>I'm new to React and to coding in general. I'm trying to render multiple modals in the same component, but they are all being rendered at the same time so that it looks like all the links are rendering the text in the last modal. 
  <br/>Here's where the state is set:<br/> </p>
  
  <pre><code>class Header extends React.Component {
    constructor () {
      super();
      this.state = {open:false}
      this.openModal = this.openModal.bind(this);
      this.closeModal = this.closeModal.bind(this);
      this.handleModalChangeEnter = this.handleModalChange.bind(this, true);
      this.handleModalChangeLogin = this.handleModalChange.bind(this, false);
    }
    openModal () {
      this.setState({open: true}); }
    closeModal () {
      this.setState({open: false}); }
    render() {
  </code></pre>
  
  <p>And here's the modal construction:<br/></p>
  
  <pre><code>return (
      &lt;header style={home}&gt;
  
      &lt;div style={hello}&gt;
        &lt;img style={logo} src='public/ycHEAD.png'/&gt;
        &lt;p style={slogan}&gt;One Calendar for All of Yerevan's Tech Events&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div style={subContainer}&gt;
        &lt;ul style={modalDirectory}&gt;
  
          &lt;Button onClick={this.openModal}
                  style={openButton}&gt;
            &lt;li&gt;&lt;a style={tabs}&gt;Enter
                &lt;/a&gt;&lt;/li&gt;
          &lt;/button&gt;
          &lt;Modal style={modalCont}
                 isOpen={this.state.open}&gt;
                &lt;button onClick={this.closeModal}
                        style={xButton}&gt;x&lt;/button&gt;
          &lt;/Modal&gt;
  
          &lt;button onClick={this.openModal} 
                  style={openButton}&gt;
            &lt;li&gt;&lt;a style={tabs}&gt;Login
                &lt;/a&gt;&lt;/li&gt;
          &lt;/button&gt;
          &lt;Modal style={modalCont}
                 isOpen={this.state.open}&gt;
            &lt;p&gt;Account&lt;/p&gt;
            &lt;button onClick={this.closeModal}
                    style={xButton}&gt;x&lt;/button&gt;
          &lt;/Modal&gt; 
  </code></pre>
  
  <p>Should there be a value in the empty parentheses -> openModal() &amp; closeModal() ?</p>