react-调试工具（React Developer Tools）加载调试使用

调试工具是facebook官方的谷歌插件React Developer Tools

更多工具-》扩展程序-》点击左上角扩展程序-》谷歌商店
或者直接地址访问：
扩展程序：chrome://extensions/
谷歌商店：https://chrome.google.com/webstore/category/extensions?hl=zh-CN

访问谷歌商店需要翻墙

搜索React Developer Tools添加到chrome插件

在扩展程序里查看，一定要打开右下侧的小开关，才能使用

调试：
按F12,打开调试页面，输入React调试网址，如图：

添加断点等方式和以前的调试一样

注意：

• 只有在调试react页面的时候，debugger才会显示标红处的react调试方式
• 调试的时候一定要找到本地的源码添加断点才能调试（static/js路径），如图标红处