如何通过在React中单击按钮从另一个组件调用一个组件？

Question

正在尝试从另一个组件“ Home”调用“ ModalBox”组件。 当我将组件名称直接放在render函数中时，它可以工作。 但是我只需要在单击按钮时调用该组件。

我的代码看起来像

// ---- Component 'Home' -----

    renderModalBox() {
          console.log('Btn Clicked');        //  getting called
          return(<ModalBox heading="opened" displayText="bodyOfModal"  
button="close" />);
      }

    render() {
        return ( 
           <Button onClick={this.renderModalBox}>  Save   </Button>
       );
    }

任何对此的见解将非常有帮助。谢谢