BetterHome.jsx

import React, {Component} from 'react'

import Modal from '../components/Modal'

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

  render () {
    const {isContactModalOpen} = this.state
    
    return (
      <div>
        <Modal isOpen={isContactModalOpen} />

        <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 Modal