react-whc-notification

516 阅读1分钟
原文链接: github.com

A react、vue、react native module to post and observer notification, it works on iOS and Android、H5. (支持一对多发送通知消息、主要解决react、react-native、vue、h5夸组件页面之间的通信)

release PRs Welcome NPM version License MIT

Content

Installation

  • 1.Run npm i react-whc-notification --save
  • 2.import Notification from 'react-whc-notification'

Getting started

Add react-whc-notification to your js file.

import Notification from 'react-whc-notification'

Add observer notification:

 constructor(props) {
      super(props);
      Notification.addObserver(this, 'ObserverNotificationName' ,(param) => {
          console.log(param);
      });
  }

Post notification:

Notification.post('ObserverNotificationName', '通知传递的参数可以是任意数据类型');

Remove specified observer notification:

componentWillUnmount() {
    Notification.removeObserver(this, 'ObserverNotificationName');
}

Remove all observer notification:

componentWillUnmount() {
    Notification.removeObserver(this);
}

API

Method Type Optional Description
post(string, any) function true post notification
addObserver(object, string, function) function true observer notification
removeObserver(object, string) function true remove observer notification

Contribution

Issues are welcome. Please add a screenshot of bug and code snippet. Quickest way to solve issue is to reproduce it on one of the examples.

Pull requests are welcome. If you want to change API or making something big better to create issue and discuss it first.


MIT Licensed