react 组件通讯 pubsub-js

作者: 諍眼閉眼 | 来源:发表于2021-06-25 10:15 被阅读0次

react 组件通讯 pubsub-js
react组件通信
react父子通讯
react组件之间通信
React父子组件之间如何通信?
react学习笔录（二）
react-native-ble-plx 使用文档
React native 组件间通讯
9天深入react（2-1）-Context
React基础

安装

npm install pubsub-js --save

使用

// 引入
import PubSub from 'pubsub-js'

// 组件加载完成时调用
componentDidMount(){
        this.P_msg = PubSub.subscribe('msg1',(msgName,obj)=>{
            console.log('接收到消息：' + obj)
            console.log(msgName)
        })
    }
  // 组件销毁时移除监听
    componentWillUnmount(){
        PubSub.unsubscribe(this.P_msg)
    }


// 发布消息
PubSub.publish('msg1',{name: '王二狗'})

react 组件通讯 pubsub-js
安装使用
react组件通信
react组件通信是一个常用功能，在做react项目中经常遇到 React组件层级关系在了解Reat组件通讯之前...
react父子通讯
父子通讯父传数据给子，子传数据给父 react组件class 组件名 extends React.Componen...
react组件之间通信
很感谢https://segmentfault.com/u/cwl提供的答案React 组件间通讯说 React...
React父子组件之间如何通信?
父组件向子组件通讯通讯是单向的，数据必须是由一方传到另一方。在 React 中，父组件可以向子组件通过传 pro...
react学习笔录（二）
一、组件通信第三方库（下载pubsub-js）https://github.com/mroderick/PubS...
react-native-ble-plx 使用文档
目前react-native关于蓝牙通讯的组件主要有 react-native-ble-manager 和 rea...
React native 组件间通讯
一、父组件向子组件通讯通讯是单向的，数据必须是由一方传到另一方。在React中，父组件可以通过向子组件通过传pro...
9天深入react（2-1）-Context
组件跨层级通讯-Context Context API React.createContext 创建一个Con...
React基础
React包含react元素和react组件 react元素 react组件 react组件分为函数组件和类组件 ...