00:00
好的各位,那么截止到目前呢,大家已经学会了函数式组件,还有类似组件的使用,那我们接下来探讨一个问题,什么叫简单组件,什么叫复杂组件?一个一个来,先给复杂组件下一个定义,如果你的组件是有状态的,对,就这词儿状态,那你就是复杂组件。状态有一个英文名叫state。说老师,那我好像能猜到了,有状态就是复杂组件,那是不是意味着如果我的组件是没有状态的,那它就是简单组件呀,对,是怎么回事儿?那新的问题产生了,同学,什么又是状态呀?你看为了解释一个概念,引出了一个新的概念,那你就得把这个新的概念再搞懂了。状态好,我用生活中的例子呢给大家说一下啊,同学其实啊人他就有状态,我写着我每一次敲东西的时候啊,大家也跟着我想啊,人就是有状态的,同学你想这么一个场景啊,说呀,某一次考试啊,然后你没考好,然后呢,老师就问你说你这次是怎么考的呀,怎么连这么简单的题都不会呢?
01:20
那你可能跟老师说,说老师其实是我今天的我状态我不好,哎,那你觉没觉得人的状态一直在影响着人的行为啊同学你你你用心去体会对吗?啊好,哎,组建呀,也是有状态的,说老师那组件的状态影响着什么呢?咱不说影响,用一个高端点的词叫驱动,那驱动什么呢?驱动的页面说老师这怎么理解呀,我打开呢,开篇的时候啊,我给你画的那个图啊,这个大家还记得对吗?我说学了react呀,你就把数据交给他。
02:08
他就能拿着你的数据生成虚拟盗墓,进而转成真实盗墓给你放在页面上,那么其实这个数据你不能随便的放,你得规规矩矩的把数据放在指定位置才可以,OK啊说老师那把数据放在哪呢?放在状态里。哎,组件的状态里边存着数据,数据的改变就会驱动着页面的展示,OK,好。哎,这块你要理解好。好的,哎,那同学啊,关于状态的英文单词这state,其实你要是细心一点呢,刚才你见过了这个state,同学,你记不记得我在给你写05REACT中定义组件的时候,我这是不是写了一个类似组件,我输出了一下render中的this,对吗?This是谁呀?
03:07
组键实例对象右键打开控制台,刷新一下,输出的是组键实例对象,打开这个组件实例对象,发现身上有一个东西叫做state,这就是react为你准备好的状态,当然了,这里的值呢,等着你去具体给他赋值,所以说你看react帮你做好了很多初始化的事儿,其实包括这三个人都是人家提前准备好的,但是至于说他们三个的值,那等着你去往里边放,通过一些语法对吗?哎,那所以说同学你说这个状态其实是谁身上的呀,你告诉我啊,一定要说准谁身上的呀,是不是组件实例对象身上的呀,是那个组件类本身上的吗?不是,是由这个类所缔造的实例身上的,你觉得呢?OK,好,我们回到。
04:07
课件当中直接点击2.2,组建三大核心属性之1STATE,那同学这里边儿其实有一个细节上的事儿,人家这课件写的呀,是一个简称,要写全了,咱得这么说,叫组件实力的三大属性之1STATE。为什么我要强调这事呢?因为刚刚你也看见了这个东西,它真的在组件的实例对象身上,那么组件是有两种定义方式的,对吗?同学们,一个叫做function,就是函数式组件,一个叫做class类式组件,同学谁才有资格谈实例?才有资格去谈这个组件实例谁呢?是不是得用类定义的组件呀?同学你用心去想一想,那个函数式组件它都没有自己的this,那何谈实例啊,那实例如果都没有了,同学实例身上那些属性你还研究什么呢?对吧?哎,那所以说这块呢,要仔细的说的是组建实例的三大属性,但是人家这么说也不算错,因为是一种简说的方式,OK啊,那同学你觉不觉得我一说实例就直接把一个人直接pass掉了,你不用跟着玩了,你不用参与了,就是用函数定义的组件,嘿,那所以说呀,同学,我们讲的三大核心属性之一之二之三,那这些前提都得建立在你确实是用类定义的组件,对吗?有些同学人家已经自学了react,而且是把最新版也学了,那可能就会说老师。我觉。
06:00
觉得你说的稍有不妥,我好像知道最新版的react提出了一个新的东西叫做POS,好像也能让我的函数组件玩这三大属性,就曾经他玩不了,但是react推出了一个新的东西叫做hos,好像也能让我诶去玩这个三大属性了,而且主要是用函数写的组件,是的,可以说老师我们讲不讲呢,讲但是不是在这儿,你得慢慢来,对吧,你等你把类里边这三大属性你玩明白了,你再去理解函数式里边玩这个也简单好了,那我们这一小节呢,先停一下。
我来说两句