React经典初级错误

简介: React经典初级错误

前言

✨✨ 他们是天生勇敢的开发者,我们创造bug,传播bug,毫不留情地消灭bug,在这个过程中我们创造了很多bug以供娱乐。

前端bug这里是博主总结的一些前端的bug以及解决方案,感兴趣可以看一下,有不同方案可以在评论区提出


正文开始

错误场景

react组件中写useEffect的时候的错误

不影响运行,知识eslint检测的语法的报错



问题分析

我们定义函数组件的名称必须以大写字母开头,因为这有助于React区分诸如p、div、span等内置元素和我们定义的组件。



解决方案

这里的函数组件名称首字母不能小写,改为大写



古德堡 舒服了


后言

创作不易,要是本文章对广大读者有那么一点点帮助 不妨三连支持一下,您的鼓励就是博主创作的动力


目录
相关文章
|
6月前
|
JSON 缓存 前端开发
【React】React原理面试题集锦
本文集合一些React的原理面试题,方便读者以后面试查漏补缺。作者给出自认为可以让面试官满意的简易答案,如果想要了解更深刻,可以点击链接查看对应的详细博文。在此对链接中的博文作者非常感谢🙏。
131 0
|
2月前
|
前端开发
react学习(6)
react学习(6)
|
3月前
|
前端开发 JavaScript 算法
如何学习react原理
【8月更文挑战第9天】 如何学习react原理
45 6
|
3月前
|
存储 前端开发 JavaScript
React 中的 Memoization 概念
【8月更文挑战第31天】
41 0
|
6月前
|
前端开发 JavaScript 算法
React原理
【4月更文挑战第4天】本文介绍了React的核心概念,包括jsx、React.createElement和fiber。jsx是React的语法糖,被转换为React.createElement生成虚拟DOM (vDOM)以优化性能。vDOM是轻量的数据结构,用于描述DOM状态。React通过fiber结构改进渲染性能,将同步任务拆分成小任务,利用requestIdleCallback在浏览器空闲时执行,确保流畅的用户体验。fiber是增强的vDOM,包含额外的引用指针。文章还提及了diff算法和hooks在React中的作用。
26 0
|
6月前
|
前端开发 JavaScript 算法
React 基础使用
React 基础使用
|
11月前
|
前端开发 JavaScript 算法
【React学习】—React简介(一)
【React学习】—React简介(一)
|
前端开发 JavaScript API
React高阶学习(二)
@[TOC](目录) # 1. 基本概念和语法 React 是基于 JavaScript 的库,用于构建用户界面。它采用虚拟 DOM 技术,能够高效地渲染页面。React 的基本语法包括 JSX、组件、状态管理和生命周期钩子等。 示例: ```jsx import React from 'react'; class App extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; } handleClick = (
|
资源调度 前端开发 JavaScript
React学习(一)
@[TOC](目录) React 是一款由 Facebook 开发的 JavaScript 类库,用于创建 Web 用户交互界面。它引入了一种新的方式来处理浏览器 DOM,使它更具有扩展性,更加容易加入新的功能。在解析 React 编程之前,我们先来了解一下 React 的基本概念和特点。 # 一、React 的基本概念和特点 1.虚拟 DOM React 使用虚拟 DOM 来模拟真实的 DOM 树,从而避免了频繁的 DOM 操作。当数据发生变化时,React 会首先在虚拟 DOM 中更新,然后再与真实的 DOM 进行比较,仅更新有变化的部分。这种方式既提高了性能,又减少了代码量。 2.组件化
|
XML 前端开发 JavaScript
react基础
react基础
73 0