前端之家收集整理的这篇文章主要介绍了
reactjs – 任何适用于React.js的调试教程,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道有没有人可以建议一步一步的初学者教程如何调试React.js应用程序?我是React的新手,现在最令人讨厌的事情是在控制台中
显示了很多
错误,但我不知道如何追踪他们。
很难描述一个通用策略来调试“出现很多
错误”,所以我将引导您完成调试组件级
错误的过程:
>为您选择的浏览器安装React开发工具扩展程序:
> Chrome
> Firefox
>查找组件
我推荐以下路径之一:
2.a.从浏览器开发工具打开“反应”选项卡,然后键入底部搜索栏,以按名称查找组件。
2.b.打开元素选项卡,选择一些元素,并切换回到React。组件层次结构将被扩展,直到React组件与您在Elements中选择的DOM节点相匹配。
>检查组件行为不正确的状态和道具。
如果由于某些原因您不喜欢安装浏览器扩展,可以抛出一个或多个调试器;语句设置将暂停执行应用程序的断点,让您在这些点检查调用堆栈,范围和错误。