00:00
好,这个里面还有东西,我们把它说完。下面说一个事情啊,我们现在的状态数据从啊组件转移到了大致的管理是不是?但是有个事情。我们平常调试的时候,如果状态数据有问题,我怎么看呢?是不是我们现有的办法是不是只能打印输出来查看呢?因为现在以前我们看状态数据在哪看呢?在看在这个里面,在这个react。在这个里面去看组件的状态数据对不对?关键问题就在于我们现在状态数据是从组件里面移到里面去了。是不是,那现在急需要有一个什么呢的插件。来帮我们来看那个redu的当前状态,以及状态的变化的过程。是有相应的插件的。能懂不?那这个时候啊,是有这样一个re的插件,大家需要去装上安装这个Chrome插件,大家会了吧。
01:02
会吗?呃,来先要把这这是个文件,大家需要把文件呢保存到本地。如果你是WPS右键。保存到文件。存储到那个桌面就行。如果你是office的话,应该是CTRLCCTRLV就可以保存到桌面上去,这个能不能听懂。好,接着下一步干嘛。是不是装插件的,装插件首先你得进入啊插件的一个列表界面。怎么样快速进入列表界面非常简单。右键某一个插件啊,管理扩展程序回退。就进入这个插件列表了。啊,当然你有别的办法啊,你可以去点这个菜单,点这个更多工具,点扩展程序是不是也可以。
02:02
能看到下了吗?下一步就是把这个文件给他什么。拖拽过来,诶拖拽这做我们当前这个浏览器这个界面呢。一定要看到这个显示这个界面才行,你别急着说。显示这个啊,拖放已安装。能听到不啊,当然我这个里面有时候啊,如果你出现了我这个时代已经装上了啊,我现在已经装上了,如果你出现了啊,什么安装包无效的问题啊,有可能,比如说有可能你开发模式没有启动,那不行,要开启启动开发模式。其实大家最好的方式应该是翻墙,去应用市场上去干嘛,去下载。这能听到不啊,那下载的名字就是我这个名字,大家最好是去自己下载一下。大家听懂吧,你就搜下大就行。
03:01
好,我呢,当前实际上已经装上了啊,我就不跟他演示了,好装上去以后啊,装上去以后我们来看一下我们当前这个应用。打开就能看得到一个选项,叫看到了吗?但是呢。这个地方说,但是。我当前这个,我看一下我的这个啊湿度。我来说一下啊,有可能啊,有可能有一种情况,有一种什么情况呢?你很有可能看不到这个界面,我这个还挺奇怪啊,我没做处理,他既然已经看见了,难道最新版本已经好了吗。嗯,我现在其实正常情况以前的版本是还需要写点代码才能看得到这个界面了,如果他现在最新版本已经可以的话,那就更爽。啊,是一个什么事情呢?等会大家可以测验一下啊,你们有可能不行,那如果不行需要干嘛呢?还需要去用上。
04:03
另外一个。工具包来帮我们去显示,它默认应该是不会显示的,你们很有可能不会显示啊,如果显示啊,那就更好是吧,那后面的这一步就可以不用做了。能听懂吧。来先下载这个包,在你的应用里面去下载。也就这个大家看的名字,看名字你就知道是redux的一个开发工具,一个扩展开发工具,基于是针对于我们Chrome的这个调试工具来写的一个包。那里面写代码也比较固定,不用太去记啊,不用太记来看好了,我先给它引入,我直接复制过来得了。因为他现在其实已经可以显示了,我写不写都没关系,但是还是给他演示一下。它引入了这个是个函数,记住啊,大家不要一点一点的写,没没必要。
05:02
把它再包一层。再强化一层。就啊,肯定可以了,而且如果再不行,大家把浏览器关掉,打开肯定就OK了。对吧,这个能不能听懂,如果大不安装不用它就已经好的话,那就没有必要用了。能理解吧,这个时候我们看什么?这里面有一个东西叫什么state。这个当前的的值是几一,也就里面有复杂的结构吗?没有,当然是有可能有复杂结构的,是不是?嗯。这个能不能弄。啊,注意啊,如果现在他如果不用这个了,那更爽了。啊,我对他其实说实话深恶痛绝,因为你还有你插件都已经安装上了,你还要搞另外搞个包再来整,其实是不太爽的一个事情。应该是安装的插件啊,就应该有能看到我的状态。
06:03
其他的用法呢,等会我们能看到啊,大家看一下啊,看一下这个吧。这个是在左侧在记录什么,大家看一下。在记录什么呀?西路大卡南。再一个怎么每一个是不是都是什么呀。是我的爱情太好,他其实记录了,先是记录了谁了,记录了。这reduce的调用。而且你进入了哪个case?能看到吧,说白了你分发了什么样的?这个能看到你分发什么呀,线,而这为什么小写的呀。为什么不大写了,我这明显大写。我用的是这个名字吗?不是,我用的是他的什么。直板。听到不啊,这个是有用的,这个能够看到当前最新的一个数据的变化,大家注意这个我点某一个就能看到当前它的这个方面是这个值是一个什么样的值。
07:12
啊,这个呢,是以三种不同的形式来去展现这个值。好,其他的我们暂时先不用,后面需要的时候再跟大家说。嗯,好。嗯。那到此为止,基本上算是完成了,但后面还有一点东西。
我来说两句