什么场景需要使用 React Dev-Tools
- 快速检测：props state hooks值的变化一目了然
- 快捷调试：手动修改props 和state
- 快速定位：直接定位到VSCode文件
如何上手使用
直接查看如下链接
如何在classin环境下使用
第一步：安装
# Yarn
yarn global add react-devtools
# Npm
npm install -g react-devtools
第二步：建立连接 在项目html/ejs文件中添加 (不要提交到代码仓库)
<html>
<head>
<script src="<http://localhost:8097>"></script>
无需手动配置
document.ejs 中可以配置
<% if(process.env.NODE_ENV === "development"){ %>
<script src="<http://localhost:8097>"></script>
<% } %>
第三步：启动(在终端中执行)
react-devtools
