![](https://img-blog.csdnimg.cn/1628b0386c1b40ba88688fbb011a7228.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端框架【react】
文章平均质量分 86
前端框架react的基础知识,例子和知识点相结合
@ZGLi
热爱编程的码农
展开
-
【React】怎么暴露webpack配置规则?
在根目录下运行终端命令:`yarn eject`或`npm run eject`修改webpack默认配置,保险起见先执行命令:`git add -A` //添加到缓存区,`git commit -m'init'` //保存到历史区,再执行:`yarn eject`。原创 2023-06-30 19:59:58 · 556 阅读 · 1 评论 -
【前端框架】react框架 第一章 react的基本使用和脚手架的使用
在VScode软件中创建了一个名为React_item项目,在React_item项目中选中react文件夹,点击右键,选择“在集成终端中打开”。在终端中输入“npm I react react-dom”来安装react。(要安装yarn)来启动项目。终端出现以下代码和自动出现网页说明启动react项目成功。(其中may-app是项目名称)来进行初始化。声明一个变量来接收一个react元素。在html文件中引入react文件。图中安装了两个react文件。原创 2023-03-10 20:18:57 · 134 阅读 · 0 评论 -
【前端框架】react框架 第三章 react组件基础
1. React组件的两种创建方式法一: 使用函数创建组件法二:使用类创建组件抽离为独立JS文件2. React事件处理事件绑定事件对象3. 有状态组件和无状态组件4. 组件中的state和setStatestate的基本使用setState()修改状态从JSX中抽离事件处理程序5. 事件绑定this指向箭头函数Function.prototype.bind()class的实例方法(推荐)总结6. 表单处理受控组件(`推荐`)非受控组件(DOM方式)原创 2023-03-08 10:19:20 · 137 阅读 · 0 评论 -
【前端框架】react框架 第二章 JSX
1. JSX的基本使用使用步骤注意点:2. JSX中使用JavaScript表达式嵌入式JS表达式注意点3. JSX的条件渲染JSX的列表渲染JSX的样式处理原创 2023-03-08 10:17:52 · 65 阅读 · 0 评论 -
【前端框架】react框架 第四章 react组件进阶
组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程,这个过程就叫做组件的生命周期。react在组件的生命周期中提供了一系统的钩子函数,可以让开发者在函数中注入代码,这些代码会在适当的时候运行。为开发人员在不同阶段操作组件提供了时机。注意只有类组件才有生命周期。函数组件每次都是重新运行函数,旧的组件即刻被销毁。原创 2023-03-10 11:03:03 · 75 阅读 · 0 评论 -
【前端框架】react框架 第五章 react原理揭秘
我们知道调用setState会让render函数重新执行,如果每次调用 setState都进行一次更新,那么意味着render函数会被频繁调用,界面重新渲染,这样效率是很低的。而React中的做法也是如此,在一个时间段中,会获取多个更新,再将多个更新放入一个任务队列中,再对任务队列进行批处理。如果还有其他更新不在当前时间段,则在下一个时间段(或者其他时间段)的任务队列中进行批处理。直接在setState函数中传入一个对象, 传入的该对象会和this.state的对象进行一个合并, 相同的属性会进行覆盖,原创 2023-03-10 11:06:01 · 96 阅读 · 0 评论 -
【前端框架】react框架 第六章 react路由基础
现代的前端应用大多都是SPA(单页应用程序), 也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器的压力更小,所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能,前端路由应运而生。前端路由的功能:让用户从一个视图(页面)导航到另一个视图(页面)前端路由是一套映射规则 ,在React中,是URL路径与组件的对应关系使用React路由简单来说,就是配置路径和组件(配对)原创 2023-03-10 11:06:46 · 123 阅读 · 0 评论