俗話說工欲善其事,必先利其器。
這篇博客主要給大家介紹react框架開發調試專用的chrome插件-React-developer-tools的安裝與使用
一、安裝
首先你需要科學上網嘎嘎嘎嘎嘎
訪問:Chrome網上應用商店
搜索“react”,搜出來第一條就是React Developer Tools
點擊“添加至Chrome”即可安裝成功
二、使用
我們可以看到,當打開用react開發的網站,或者是用react開發的本地調試網站的時候,Chrome瀏覽器右上角的React Developer Tools小標簽是會亮起來的。
對於本地搭建的React項目開發網站,我們就可以利用React Developer Tools對其進行調試啦。
通過React Developer Tools我們可以看到每一個React組件的類別、內容、綁定的方法等等,為我們項目的開發與調試提供了很多的便利 。