43_尚硅谷_redux_counter应用_使用redux调试工具.avi原创

好，来说一下啊，这个衣服呢，我们已经完成了，下面要说一个事情啊，我们后面呢。我们现在所有的状态是不是都交给了管理？那我想通过工具看一下咋看呢。现在wrecked还能看到吗？看不到了，因为状态没有在组件上面了，对不对，你想通过react去看啊，已经不行了。啊，因为主，因为那个数据已经到了。Rex管理里面去了。其实我这里面看到一个这。对吧，那你们没有。啊，OK，你们没有的原因就是他就没装啊。对吧，啊，但是呢，这个并不是说你装上插件就能用。啊，它还有一些别的步骤。第一步拉，肯定装插件，这个会装吧。啊，先保存到本地。是吧，接着呢，把它拉到我们的那个那里去啊，就是扩展程序拉到这个界面来点确认是不是就可以，因为我已经装过了啊好，这是第一步。

那我们来看一下，其实我已经装上了，我看一下他能不能看啊。看到什么效果？他是不是没有找到速度呀。就是因为这个插件嘛，它用起来开始的时候还要做一些别的事情。怎么试呢？来啊。首先我去装一个，大家看啊看名字你都知道是redux开发工具的一个什么。Extension什么意思，扩展？啊，用上它，用它特别方便来去做啊，把它装上。啊，差件很多是吧，没关系啊，这东西应该都都是个套路，搞一次就行，一个项目年搞一次就够了。

接着啊，我需要去引入他。啊，引入他。来在哪个里面引入呢？在十多里面引入。啊，引入这样一个扩展插件。好，它怎么用呢？来看到这个意思，它是个函数啊是吧，啊用这个函数去包谁了，看着啊包我刚才这个包它再包一层。啊，把它再包一层。那也就是说现在我这一个扩展程序，扩展插件是不是用上了啊，用上以后那个工具这个re工具就能够看到啊我们的东西了。呃，看一下我们的桌上没有。装上了吧，啊装上给我刷一下。呃，他现在找不到。因为是后来后来去下载的嘛，所以我最好重新的什么。

是不是运行要引入了，引入了。啊，主要是我刚才啊后面装的，大家最好是能够去给他什么啊，重新的启动一下，让他再找一次。你中途装了插件呢，有的时候会有效果，有的时候也没有效果啊，所以只要出现这样问题重启一下。看一看我们的插件能不能帮我们看到我们的状态。哎，出来了吧，出来了，来看这个state。现在我的状态为几啊？我是你。三而且你看着这个左边显示的什么。你说这个左边显示什么，大家看一下啊，你觉得左边在显示什么东西。这个其实。

它显示的是你这个reducer的调用。最先reducer不调用过这个吗？还记得不第一次调。是吧，产生了一个初始值，是不是零呢？接着我是不是又执行了啊，Reducer中间传的type值是什么？是increment又传了一次，又点了一次加号是吧，后面说明我点的什么解。而且你点击他们能看到它所对应的一个状态。看到。看到吗？啊，在不同阶段的一个状态。啊，OK，当然你也可以看到最终的一个状态是什么，对吧？啊，都是可以看得见的，挺好。就是我们现在我们很简单，主要是我们现在就一个数值对吧，但是真正的应用它需要管理很多状，譬如说五六个六七个状态。那没有，这个工具其实有时候很费劲，一旦出了问题。

那我就很难查。那有了这个工具，我就能看到底数据有没有问题，很多时候我们功能不出来是因为什么原因。数据有问题。我觉得它应该是变成五了，但实际上它现在还是。对吧。那我们得知道他是啊。通过的工具就能看出来。啊，后面呢，我们会在做应用的过程中，把这个工具呢用的更多一点，因为现在我们太简单了，你说去用也没没什么用，现在就是能看到这个状态。好，当我去点它的时候，诶，我点它会调用reducer吗。现在会吗？不会。那一说不会增加一行。你看有增加吗？没有当然没有了，因为没掉嘛，对不对，好看到这个点会马上显示多一行吗？不是的。

你看。看了吗？这个你就能看出来这一个显示的什么，显示的是我们reducer的一个调用的过程吗？啊，调用了多少次，哪一次是什么样的调用，都能看得很清楚。啊，这样我们就用上了这一个工具。这个都是固定的，这个倒是很容易，说实话你就是怎么样用上这个re的调试工具啊，就按照步骤做一遍就行，你不用背，你不你记不住，完全不用记啊，你说我要把这个文档留下，其实让我写，那我也很难记住这些一个一个的东西。很正常。该记的东西记，不用记的，你就看着文档做就行。