如何在我的create-react-app项目的所有组件中使用react-notifications-component?

时间:2019-04-10 14:10:15

标签: javascript reactjs create-react-app

我很难理解和使用此组件:

https://www.npmjs.com/package/react-notifications-component

按照示例,我可以使该插件在App.js文件上轻松工作,但是我希望拥有一个可以在我所有组件中全局使用的功能,以创建通知,但是我不知道该怎么办。

这是我想要的东西:

import React, {Component} from 'react';

import {createNotification} from 'somewhere..';

class RandomComponent extends Component {

      constructor(props) {
        super(props);

        this.doSomething = this.doSomething.bind(this);
      }

      doSomething() {
        /*
         * Here we do something
         */

         /* Then we create notification for something */
         createNotification();
      }

}

但是后来我不知道该如何实现createNotification函数。

以我的理解,我有点需要将App.js构造函数this.notificationDOMRef = React.createRef();的引用传递给createNotification函数,以使其起作用。这是我什至想要正确的方法还是该怎么办?但这就是我要使用react-notifications-component的方式。

关于如何做到这一点或如何使用此技巧非常简单地在我需要使用的所有组件中使用通知的任何提示?

0 个答案:

没有答案