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

我想知道有没有人可以建议一步一步的初学者教程如何调试React.js应用程序?我是React的新手,现在最令人讨厌的事情是在控制台中显示了很多错误,但我不知道如何追踪他们。
很难描述一个通用策略来调试“出现很多错误”,所以我将引导您完成调试组件级错误的过程:

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

> Chrome
> Firefox

>查找组件

我推荐以下路径之一:

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

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

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

相关文章

导入moment 使用方式 年月日,时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年月日
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目,发现有之前的大佬在处理...
十大React Hook库 原文地址:https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065 原文...
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段,在React的整个生命周期中提供很...
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用...
React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ....