一个Chrome扩展程序，可通过记住每个渲染器的组件状态来帮助调试React。
React的调试工具。
每当状态更改时记录状态，并允许用户跳至任何先前记录的状态。
该工具需要两部分才能起作用。
必须安装chrome扩展程序，并且必须安装NPM软件包并在React代码中使用。
https://www.npmjs.com/package/reactime https://github.com/oslabs-beta/reactime查看上面的链接，了解在项目中获取Reactime的过程。
安装完Chrome扩展程序和npm软件包后，只需在浏览器中打开您的项目即可。
然后打开您的Chrome DevTools。
将有一个名为Reactime的新标签。
功能记录：每当状态更改时（无论何时调用setState），此扩展都会创建当前状态树的快照并进行记录。
每个快照将显示在Reactime面板下的Chrome DevTools中。
查看：您可以单击快照以查看应用程序的状态。
状态可以在JSON或树中可视化。
跳跃：最重要的特征。
跳至任何先前记录的快照。
在任何快照上单击跳转按钮将通过设置其状态来更改dom。
需要注意的重要一件事。
当将React与直接DOM操作混合使用时，该库不能很好地工作。
由于DOM操作不会更改任何React状态，因此该库无法记录甚至无法检测到该更改。
当然，您应该首先避免将两者混合。
其他方便的功能包括：-多个选项卡支持-滑块可快速浏览快照-播放按钮可自动浏览快照-暂停按钮停止记录每个快照-锁定按钮可将DOM冻结在适当的位置。
扩展程序锁定时，setState将失去所有功能-一个持久性按钮，用于在刷新时保留快照。
更改代码和调试时非常方便-导出/导入内存中的当前快照作者Ryan Dang-github.com/rydang Bryan Lee-github.com/mylee1995 Josh Kim-github.com/joshua0308 Sierra Swaby-github.com/starkspark
支持语言:English (United States)
