Home.jsx

import React, {Component} from 'react'

class Home extends Component {
  state = {isContactModalOpen: false}

  renderContactModal () {
    return (
      <div id="modal">
        <form>
          <input type="text" placeholder="Your e-mail" />
          
          <textarea placeholder="What are your thoughts?" />
          
          <button onClick={this.setState({isContactModalOpen: false})}>Close</button>
          <button>Send</button>
        </form>
      </div>
    )
  }

  render () {
    const {isContactModalOpen} = this.state
    
    return (
      <div>
        {isContactModalOpen ? this.renderContactModal() : null}

        <h1>Hello world!</h1>

        <hr />

        <p>What a beautiful day to learn about React's state—don't you think?</p>
        
        <hr />
        
        <button onClick={this.setState({isContactModalOpen: true})}>Get in touch</button>
      </div>
    )
  }
}

export default Home