I'm having trouble figuring out how to close a component that's rendered. I currently have am able to open the modal component on my first page, but then I want to close it upon the click of a button through the component. How would I do that?

import React, { Component } from 'react';
  import AddModal from './addmodal';

  class Page extends Component {
    constructor(){
      super();
      this.state = { isModalOpen: false };
    }
    ...//skip
    handleAdd= () =>{
      this.setState({ isModalOpen: true });
    }
    render(){
      return (
        

           Add 
          
        
        )
    }
  }


  import React, { Component } from 'react';

  class AddModal extends Component {
    // ... skip

  handleClose = () => {
    this.setState({ open: false });
  };

    render(){
      return(
        
        
          Okay
        
          ...//skip
        
      )
    }
  }

  export default AddModal;