reactjs show a modified module on top of another module

Your .bg-modal-outage component could receive a property that is passed through

<Modal data={this.state.outage} type={this.state.d}/> </div>.

Something like:

<Modal data={this.state.outage} type={this.state.d} isActive={yourClickEvent}/> </div>

And in the Modal component use something like

<div className="bg-modal-outage" style={{ display: isActive ? "block" : "none" }}>