React Component Debug 打断点 2020-0

2020-09-14  本文已影响0人  kjstart

网上大量文章介绍的是React Developer Tool旧版的使用方法.
从4.0开始, Dev Tool使用Component标签取代了React标签.
具体Debug方法如下:

  1. Chrome Web Store安装React Developer Tool.
  2. 打开React页面,F12,打开Component标签.


    image.png

3.搜索你要Debug的组件.点击右上角<>按钮查看源代码.


image.png

4.剩下的就和普通debug一样了.

上一篇下一篇

猜你喜欢

热点阅读