title: React notification system
body: <p>I have an app like this, and want to use react-notification-system,</p>
  
  <p>And I'm curious about 1 thing, is it possible to turn on notification when something happens in TestComponent? </p>
  
  <p>In other words when something happens in TestComponent how to call parent Component in App.js? </p>
  
  <p>App.js has a routing system</p>
  
  <p>xyz.com/test</p>
  
  <pre><code>&lt;Route path='/test' component={TestComponent} /&gt;
  </code></pre>
  
  <p>App.js</p>
  
  <pre><code>export class App extends Component {
  (...)
    &lt;Navbar/&gt;
    &lt;Footer /&gt;
    &lt;TestComponent/&gt;
  
    &lt;ToastNotif
      ref="ToastNotifRef"
      toastNotifStatus={this.state.toastNotifStatus}/&gt;
  
  (...)
  </code></pre>
  
  <p>ToastNotif.js</p>
  
  <pre><code>class ToastNotif extends Component {
    constructor(props){
    super(props);
      this.state = {
        toastNotifStatus: this.props.toastNotifStatus
      }
  }
  
    componentDidMount(){
      this.notificationSystem = this.refs.notificationSystem;
    }
  
    componentWillReceiveProps(newProps) {
       const {notificationList} = newProps;
       console.log('componentWillReceiveProps', newProps);
       const {removeNotification} = this.props;
  
       if(newProps.toastNotifStatus==='deleted'){
         this.notificationSystem.addNotification({
            title: "xxx!",
            message: 'xxx'
            level: 'success',
            autoDismiss: 0,
            position: 'bl'
         });
       }    
   }
  
  render () {
    console.log('toastnotifstatus (render)',this.state.toastNotifStatus)
      return (
        &lt;div className="notification-component-wrapper"&gt;
          &lt;NotificationSystem ref="notificationSystem"/&gt;
        &lt;/div&gt;
      )
  
    }
  
  }
  export default ToastNotif;
  </code></pre>