00:00
好了各位,我们进入最后一个扩展项啊,就是对组件间通信方式呢来一次总结,我们一步一步来啊,首先明确组建之间一共有几种关系啊,然后再说说我们目前学了几种通信方式,然后呢,再给大家一些比较好的建议,对吧?哎,建议大家怎么去搭配,最好首先看第一个同学组建之间啊,是有三种关系的,父子兄弟,还有祖孙,画一个图来解释,非常简单啊,红色的是外壳组件,蓝色的是一个组件,那么橙色的呢是一个组件,来我给这些东西呢编上号啊,这是第一个。这是第二个。那这个呢是第三个,好了各位,那你说一和二什么关系啊,父子一和三呢,父子二和三呢,叫兄弟,兄弟组建呀,有的时候呢,我们也说他是非嵌套组建。就是二和三,我问一下各位,形成包裹关系吗?不形成,他俩是并列的,所以说哎,兄弟组件也叫做非嵌套组件,你就想啊,同学,如果你这橙色的组件在二的里边了,那他俩还能是兄弟了吗?不能了,哎,咱开玩笑的说,有没有点像这个,这个人类社会中这差辈儿了呀,对吧,你俩都形成包裹关系了,你俩还能是兄弟吗?是吧?哎,所以说兄弟组建又叫做非嵌套组建,还有一个呢,就是祖孙组建了,你比如说同学在蓝色的里边呀,诶还有一个绿色的四,那么一和四就是什么组件呀,就叫做祖孙组件,那么祖孙祖建呢,我们有的时候也说叫做跨级组建,因为毕竟跨了中间这个二,你说对吧?哎,好了,那我们就知道了,祖建之间呢,一共有几种关系是吧?好,那这个绿的呢,给大家写这儿啊,这是几呢?这是四好写在这儿啊,那我们在分析,我们学了。
02:00
几种通信方式,首先学的第一种,同学最简单的一种是不是就是props呀,啊props呢,大家都知道是分为children props和render props,因为我们在这里边给大家扩展了一个东西叫render props,对不对?哎,所以说哎有一种通信方式就是props,还有一种呢,就是消息订阅与发布也能进行组件间的通信,对不对?其实同学所谓的通信啊,就是你给我点东西,我再把我的东西给你,这就叫做组件间通信,好那么消息订阅与发布呢,是一种设计理念,各位那实现这种设计理念的库呢,有很多,你比如说我们学习的啊,用的最多的一个人在GS里边是不是pop up呀,说老师那我去githup上找,是不是还有别的呀,当然有啊,同学很多呢,你只要学习他的那些API什么的就可以了,哎,其实呢,不仅仅有pop萨各位还有一个东西叫做。
03:00
那只不过这个event呢,是在这个c sharp这个语言里面去使用的啊,啊,当然了,他好像也有GS版,如果各位呢,想了解的话,可以去哎查阅一下对吧?所以说我们推荐的呢,同学其实还是推荐这个pop sub好吧,这个event呢,你就了解一下啊,Event本身是不是也有事件的意思呀,诶了解一下即可啊还有一种通信方式就是集中式的管理,那什么意思呢?你比如说A想给B点东西,那怎么办呀,A不直接给是吧?A呢,放在A这么一个容器里边,这容器是谁呀?就是我们所说的谁呢?Redux对吧?然后B呢,再从容器里边取对吧?哎,走这条线,那这条线呢就不要了是吧?这就是集中式状态管理,我们学的是哪个技术啊各位,我们学的是不是叫做redux啊,哎,其实呢,同学还有一个人啊,叫d va也能行,那如果在这儿罗列同学,那就这样讲吧,能做集中式状态管理的库那不下六七个对吧?那所以说我们呢,哎,把这个redux给。
04:00
紧紧抓住就可以了,其实还有一个人叫d va啊,如果想了解的同学呢,自己可以去查阅一下是吧?诶这个呢用的倒不多啊,我们还是主要是学这个Rex好,然后再看这个同学这是什么呀,是不是属于那种什么生产者消费者模式啊对吧?想想同学是不是得借助这个东西叫做provider啊,然后什么customer啊对不对,生产者消费者是不是一共这四种通信方式啊好,那么组建关系有三种,通信方式有四种,那他们之间怎么组合是最好的呢?来吧,给大家总结总结,父子之间呀,同学是事儿最少的,你只需要借助props就可以了,你比如说同学有一个组件啊,它叫做A,还有一个组件呢,它叫做B,同学AB啥关系呀,是不是父子呀,同学,我问你啊,A想给B点东西,直接props是不是就递过去了?那问题是B想给A东西,那咋办呢?那就得要求B呀。
05:00
当年啊,A当年传给B一个函数,然后B在合适的时候去调用这个函数,是不是就实现了数据逆着就过去了呀,好,那我们再说,哎,下一个就是兄弟组件间,我们建议大家用消息定阅与发布,或者是集中式状态管理啊说老师兄弟之间不是能这样吗?这是啊,一个组件,这是一个组件,不可以借助他们共同的副组件吗?那最好别用这种方式啊,写起来比较麻烦,维护起来呢也比较难,所以说兄弟组件间建议用这两种是吧?然后再说祖孙组件,就是跨级组件,你可以用什么呢?消息定义发布,集中式装态管理还可以用什么呢?是不是context啊,但是这context呢,咱说了各位是不是开发的时候用的少,但是封装插件用的是不是多呀?哎,所以说祖孙组件之间呢,也推荐用这两种,这个东西呢,不是不能用,也是可以用的啊,但是开发当中呢,用的比较。
06:00
较少,好了各位,那这就是我们的,诶全部内容好组件件通信方式呢,也给大家来了一次总结,好,那最后这一小节呢,我们停一下。
我来说两句