Google plugin download Redux DevTools manage Redux data

When we are doing react-redux development, many times we may not be sure whether our data has been successfully imported.
Here is a good Google plug-in recommended for everyone.
You can download my resource
Google plug-in Redux DevTools.
Here we open the Google Chrome browser
insert image description here
and then Visit chrome://extensions/ directly on Google Chrome.
If you enter the developer mode in the upper right corner for the first time, you must open it.
insert image description here
Then we will directly drag the downloaded Redux DevTools.crx into the pop-up window and choose to add
insert image description here
extensions.
insert image description here
Just come in.
The one behind the background page of the tool is invalid. You need to click it, and then a console will appear, and then just turn it off for the console.
insert image description here
Then we open the project that has processed redux in our react, and then open the console to find the last part of the console. There is an extra Redux
click on it to see the data we are in redux
insert image description here

Guess you like

Origin blog.csdn.net/weixin_45966674/article/details/131678313