React Global notification system
<p>I have installed <code>react-notification-system</code> which is working fine and producing notifications. I am trying to set it up so that I have a global container that holds the notifications so if the user navigates to a different view the notification doesn't dissapear.</p>

<p>My CONTAINER file is setup using the following</p>

<pre><code>  render: function () {
        return (
            &lt;div&gt;
              &lt;Header/&gt;

               &lt;section id="main"&gt;

                 &lt;Menu/&gt;

                { this.props.children }

                &lt;NotificationSystem id="notificationSystem" ref="notificationSystem" /&gt;

                &lt;Footer/&gt;

              &lt;/section&gt;

            &lt;/div&gt;
        );
    }
</code></pre>

<p>What I am struggling with is how to reference <code>this._notificationSystem</code> from the child components(this.props.children)?</p>

<p>A notification can be added using the following from within the container file.</p>

<pre><code>this._notificationSystem.addNotification({
        message: 'Notification message',
        level: 'success'
      });
</code></pre>