美文网首页
React Component Debug 打断点 2020-0

React Component Debug 打断点 2020-0

作者: kjstart | 来源:发表于2020-09-14 05:54 被阅读0次

    网上大量文章介绍的是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一样了.

    相关文章

      网友评论

          本文标题:React Component Debug 打断点 2020-0

          本文链接:https://www.haomeiwen.com/subject/qcjaektx.html