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-错误边界-消息订阅发布机制-组件通信方式总结

Vue父子组件间通信(数据传递)

Reactreact概述组件事件

ReactReact全家桶 -setState-路由组件懒加载-Fragment-Context-组件优化-render props-错误边界-消息订阅发布机制-组件通信方式总结