React 代码打断点

React 代码调试技巧：React 代码打断点

浏览器端

Chrome

1. Chrome 安装插件：React Developer Tools
2. chrome://extensions/ 勾选 React Developer Tools 的 允许访问文件网址
3. F12（或右键审查） -> 源代码（Sources） -> 左侧选择对应的代码，如ant-desigin-pro -> 找到对应的代码，点击行号可以打断点 -> 刷新页面，执行到端点时会暂停
4. 调试快捷键

• F8 继续调试
• F10 执行下一行
• F11 进入 Javascript 中的函数体