![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 58
srr0725
这个作者很懒,什么都没留下…
展开
-
Hooks基础
告别难以理解的Class解决业务逻辑难以拆分的问题是状态逻辑复用变得简单可行函数组件在设计思想上,更加契合React的理念。原创 2024-06-06 16:27:21 · 188 阅读 · 0 评论 -
组件生命周期
组件的生命周期是指组件从被创建到挂在到页面中运行起来,再到组件不用时卸载的过程,注意,只有类组件才有生命周期。(类组件:需要实例化,函数组件:不需要实例化)原创 2024-06-05 16:18:34 · 153 阅读 · 0 评论 -
props校验
掌握组件props的校验写法,增加组件的健壮性。对于组件来说,props是由外部传入的,我们其实无法保证组件使用者传入了什么格式的数据,如果传入的数据格式不对,就有可能会导致组件内部错误 —— 组价的使用者可能也不知道为什么报错~代码测试。原创 2024-06-05 15:34:18 · 193 阅读 · 0 评论 -
Redux简介
Redux是React最常用的集中状态管理工具,类似于Vue中的Pinia(Vuex),可独立于框架运行。作用:通过集中管理的方式管理应用的状态。不和任何框架绑定,不适用任何构建工具,使用纯Redux可实现计数器。reducer函数stores实例对象getState方法。原创 2024-06-05 11:14:20 · 192 阅读 · 0 评论 -
自定义Hook函数
概念:自定义Hook函数是以use大头的函数,通过自定义Hook函数可以用来实现逻辑的封装和复用。原创 2024-06-04 19:15:15 · 225 阅读 · 0 评论 -
useEffect的基础使用
useEffect是一个React Hook函数,用于在React组件中创建不是由事件引起而是由渲染本身引起的操作,比如发送AJAX请求,更改DOM等等。说明:上面的组件中没有发生任何的用户事件,组件渲染完毕之后就需要和服务器要数据,整个过程属于“只由渲染引起的操作”。demo需求:在组件渲染完毕之后,立刻从服务端获取频道列表数据并显示到页面中参数1是一个函数,可以把他叫作副作用函数,在函数内部可以放置要执行的操作。原创 2024-06-04 16:31:51 · 348 阅读 · 0 评论 -
react基础2——组件通信
概念:组件通信就是组件之间的数据传递,根据组件嵌套关系的不同,又不同的通信方法。原创 2024-05-30 17:09:41 · 254 阅读 · 0 评论 -
react基础1——useState
useState是一个React Hook(函数),它允许我们向组件添加一个状态变量,从而控制影响组件的渲染效果。本质:和普通js变量不同的是,状态变量一旦发生变化组件的视图UI也会跟着变化(数据驱动视图)代码测试。原创 2024-05-30 15:12:02 · 295 阅读 · 0 评论 -
React事件绑定
react事件绑定原创 2024-05-24 09:06:30 · 184 阅读 · 1 评论 -
JSX基础
JSX基础知识简单记录,以及测试代码实现原创 2024-05-22 15:36:13 · 163 阅读 · 0 评论 -
使用create-react-app快速搭建react开发环境
使用create-react-app快速搭建react开发环境原创 2024-05-20 20:31:42 · 189 阅读 · 1 评论 -
react组件实例三大属性
react组件实例三大属性——state, props, refs简单介绍原创 2024-05-20 16:37:44 · 1479 阅读 · 1 评论 -
展开运算符
展开运算符的基本用法简记原创 2024-05-19 16:51:40 · 1098 阅读 · 0 评论 -
react中的组件定义
react中的两种组件定义,函数式组件和类式组件原创 2024-05-18 20:21:49 · 396 阅读 · 0 评论 -
jsx语法规则简记
写jsx时候需要注意的问题原创 2024-05-18 10:28:32 · 176 阅读 · 0 评论