react组件传参(消息订阅与发布机制)
Posted 忘れられたくない
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react组件传参(消息订阅与发布机制)相关的知识,希望对你有一定的参考价值。
1、安装
yarn add pubsub-js
2、引用
import PubSub from "pubsub-js";
3、使用
usersList
为订阅名称,msg
为发布接收的名称,data
为发布传的数据
PubSub.subscribe("usersList", (msg, data) => {
console.log(msg, data);
});
发布
PubSub.publish("usersList", {id:1,html_url:\'\',login:this.searchName.value});
取消订阅
var token = PubSub.subscribe("usersList", (msg, data) => {
console.log(msg, data);
});
PubSub.unsubscribe(token);
以上是关于react组件传参(消息订阅与发布机制)的主要内容,如果未能解决你的问题,请参考以下文章
React:消息订阅(subscribe)-发布(publish)机制
ReactReact全家桶 -setState-路由组件懒加载-Fragment-Context-组件优化-render props-错误边界-消息订阅发布机制-组件通信方式总结
ReactReact全家桶 -setState-路由组件懒加载-Fragment-Context-组件优化-render props-错误边界-消息订阅发布机制-组件通信方式总结
ReactReact全家桶 -setState-路由组件懒加载-Fragment-Context-组件优化-render props-错误边界-消息订阅发布机制-组件通信方式总结