reactjs – 任何适用于React.js的调试教程

前端之家收集整理的这篇文章主要介绍了reactjs – 任何适用于React.js的调试教程前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道有没有人可以建议一步一步的初学者教程如何调试React.js应用程序?我是React的新手,现在最令人讨厌的事情是在控制台中显示了很多错误,但我不知道如何追踪他们。
很难描述一个通用策略来调试“出现很多错误”,所以我将引导您完成调试组件级错误的过程:

>为您选择的浏览器安装React开发工具扩展程序:

> Chrome
> Firefox

>查找组件

我推荐以下路径之一:

2.a.从浏览器开发工具打开“反应”选项卡,然后键入底部搜索栏,以按名称查找组件。

2.b.打开元素选项卡,选择一些元素,并切换回到React。组件层次结构将被扩展,直到React组件与您在Elements中选择的DOM节点相匹配。
>检查组件行为不正确的状态和道具。

如果由于某些原因您不喜欢安装浏览器扩展,可以抛出一个或多个调试器;语句设置将暂停执行应用程序的断点,让您在这些点检查调用堆栈,范围和错误

原文链接:https://www.f2er.com/react/301827.html

猜你在找的React相关文章