分享更有价值
被信任是一种快乐

react中可不可以使用事件总线

文章页正文上

本篇文章和大家了解一下react中可不可以使用事件总线。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 react中可以使用事件总线;react使用事件总线可以用于解决跨组件之间的事件传递,可以利用一个使用较多的库events来完成对应的操作,利用npm或者yarn可以安装events,语法为“npm install events”和“yarn add events”。本教程操作环境:Windows10系统、react17.0.1版、Dell G3电脑。react 事件总线解决的问题:跨组件之间的事件传递在React开发中如果有跨组件之间的事件传递,应该如何操作?A、在Vue中我们可以通过Vue的实例,快速实现一个事件总线(EventBus),来完成操作;B、在React中可以依赖一个使用较多的库 events 来完成对应的操作;如何实现借助第三方库 events来实现常见的 api创建EventEmitter对象:eventBus对象发出事件:eventBus.emit(“事件名称”, 参数列表)监听事件:eventBus.addListener(“事件名称”, 监听函数)移除事件:eventBus.removeListener(“事件名称”, 监听函数)使用前需要先安装,下面两种方式任选一个events实践:首先新建一个文件QcEventEmitter.js,文件内容如下:下面将实现EventTest组件向Person组件传递事件:EventTest文件内容A、EventTest组件中引入QcEventEmitterB、在点击事件中通过QcEventEmitter.emit来发送事件export default EventTest;Person文件内容A、Person组件中引入QcEventEmitter,B、在componentDidMount中通过QcEventEmitter.addListener来监听事件,C、在 componentWillUnmount中通过QcEventEmitter.removeListener移除对事件的监听在App.js文件中渲染EventTest组件和Person组件(Person组件渲染后,就可以监听E免费云主机、域名ventTest发出的事件了,他们之间并不需要任何依赖)以上就是react中可不可以使用事件总线的简略介绍,当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多,欢迎关注云技术行业资讯频道哦!

相关推荐: vue中怎么持续执行一段代码

本篇内容介绍了“vue中怎么持续执行一段代码”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所免费云主机、域名成! 一、使用setInterval方法setInterv…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册