我们很高兴地宣布React开发者工具的新版本，今天可以在Chrome、Firefox和（Chromium）Edge中使用！在第四版中有很多变化！在高层次上，这个新版本应该提供了显著的性能提升和改进的导航体验。
有什么变化？
第4版有很多变化！在高层次上，这个新版本应该提供显著的性能提升和改进的导航体验。 它还提供对React Hooks的全面支持，包括检查嵌套对象:
访问交互式教程来尝试新的版本，或者查看更新日志以了解演示视频和更多细节。
哪些版本的React被支持？
react-dom
0-14.x:不支持15.x:支持（除了新的组件过滤器功能）16.x:支持
react-native
0-0.61.x。不支持0.62:支持
如何获得新的DevTools？
React DevTools可以作为Chrome和Firefox的一个扩展。 如果你已经安装了这个扩展，它应该在接下来的几个小时内自动更新。
如果你使用独立的外壳（例如在React Native或Safari中），你可以从NPM安装新的版本:
npm install -g react-devtools@^4
所有的DOM元素都去哪儿了？
新的DevTools提供了一种从树上过滤组件的方法，使其更容易浏览深度嵌套的层次结构。主机节点（如HTML<div>, React Native<View> ）默认是隐藏的，但这个过滤器可以被禁用。
我怎样才能找回旧版本？
如果你正在使用React Native 60版本（或更早），你可以从NPM安装以前的DevTools版本:
npm install --dev react-devtools@^3
对于旧版本的React DOM（v0.14或更早），你需要从源码构建扩展:
# Checkout the extension source
git clone https://github.com/facebook/react-devtools
cd react-devtools
# Checkout the previous release branch
git checkout v3
# Install dependencies and build the unpacked extension
yarn install
yarn build:extension
# Follow the on-screen instructions to complete installation
谢谢你!
我们要感谢所有测试过DevTools第4版早期版本的人，你们的反馈帮助我们大大改善了这个初始版本。
