快速创建React项目

# 安装官方工具 npm install -g create-react-app # 执行安装命令 npx create-react-app react-app # 若要使用ts开发 npx create-react-app ts-react-app --template typescript # 进入项目目录 cd react-app # 本地运行 npm start

- 阅读全文 -

react中的useEffect是什么?什么情况下用?如何使用?

useEffect 是什么?useEffect 是 React 中的一个 Hook(钩子函数),用于处理副作用操作。副作用操作是指在组件渲染过程中,需要执行一些与渲染结果无关的操作,例如数据获取、订阅事件、手动操作 DOM 等。useEffect 的主要作用是在函数组件中执行这些副作用操作,并且可以在组件的生命周期中指定何时进行执行、何时进行清理。什么情况下使用 useEffect?通常在以下情况

- 阅读全文 -

Vue和React的主要区别

Vue和React的区别主要体现在模板渲染方式、运行过程、框架本质、数据流和监听数据变化的实现原理上。模板渲染方式:Vue和React的模板渲染方式在表层和深层上有所不同。在表层上,Vue通过一种拓展的HTML语法进行模板渲染,而React则是通过JSX来渲染模板。在深层上,Vue和React都使用原生JS实现模板中的常见语法,比如插值、条件、循环等,但Vue的模板语法是可改变的,而React的模

- 阅读全文 -

react生命周期

在较早版本的 React 中,存在一组称为 “生命周期方法” 的特殊函数,用于在组件的不同阶段执行特定操作。然而,从 React 16.3 开始,React 引入了新的生命周期方法,并逐渐弃用了一些以前的方法。以下是一个包含常用 React 组件生命周期的概述(基于 React 16.11 版本):Mounting(挂载阶段):constructor(): 组件被创建并初始化时调用,用于初始化组件

- 阅读全文 -

Next.js 学习笔记

📃中文文档Next.js 可提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。

- 阅读全文 -

React 学习笔记

官方文档安装npx create-react-app 项目名称 cd my-app npm start目录结构├──📂 node_modules # 依赖包 ├──📂 public # 项目入口,容器 ├──📂 src # 核心文件,主要工作区 │

- 阅读全文 -