React
文章平均质量分 82
真爱计划
需要源码的(https://github.com/Chicksqace),B站搜索(真爱计划)感谢三连支持!!!
展开
-
React 原理揭秘
因为setState是异步更新的,因此当我们多次使用 this.state.count + 1,它的值还是1,因为它的count值并没有改变,要当render渲染后,它的值就会变化。作用:通过返回值决定该组件是否重新渲染,返回 true 表示重新渲染,false 表示不重新渲染。3. 当数据变化后(setState()),重新根据新的数据,创建新的虚拟DOM对象(树)。注意:使用该语法时,后面的 setState() 不要依赖于前面的 setState()原创 2023-02-09 22:02:20 · 136 阅读 · 1 评论 -
React 组件进阶(下)
意义:组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数。钩子函数的作用:为开发人员在不同阶段操作组件提供了时机。只有 类组件 才有生命周期。原创 2023-02-09 10:00:50 · 139 阅读 · 0 评论 -
React 组件进阶(上)
组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,我们将一个完整的功能 拆分成多个组件,以更好的完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通。这个过程就是组件通讯。原创 2023-02-09 09:59:07 · 64 阅读 · 0 评论 -
评论列表案例开发
① 渲染评论列表(列表渲染)② 没有评论数据时渲染:暂无评论(条件渲染)③ 获取评论信息,包括评论人和评论内容(受控组件)④ 发表评论,更新评论列表(setState())原创 2023-02-06 20:05:11 · 130 阅读 · 0 评论 -
React 组件基础
组件是 React 的一等公民,使用 React 就是在用组件组件表示页面中的部分功能组合多个组件实现完整的页面功能特点:可复用、独立、可组合。原创 2023-02-03 21:04:07 · 109 阅读 · 0 评论 -
JSX 的基本使用
JSX是的简写,表示在 JavaScript 代码中写 XML(HTML) 格式的代码。优势:声明式语法更加直观、与HTML结构相同,降低了学习成本、提升开发效率JSX 是 React 的核心内容。原创 2023-02-02 14:15:40 · 362 阅读 · 0 评论 -
React 基础:概述,使用和脚手架
什么是 ReactReact是一个用于构建用户界面的JavaScript 库。用户界面:HTML页面(前端)React 主要用来写HTML页面,或构建Web应用如果从 MVC 的角度来看,React 仅仅是视图层(V),也就是只负责视图的渲染,而并非提供了 完整的 M 和 C 的功能。React 起源于 Facebook 的内部项目,后又用来架设 Instagram 的网站,并于 2013 年 5 月开源React 的特点声明式。原创 2023-02-01 20:42:50 · 113 阅读 · 0 评论