React开发笔记
文章平均质量分 84
小牲口online
。
展开
-
学完Hooks,你会爱上React
文章目录1.Hook的优势1.1 Hook与类组件进行对比1.2 总结2. State Hook3. Effect Hook3.1 effect与componentWillUnmount3.2 使用多个effect3.3 effect的性能优化4. Context Hook5. Reducer Hook7.Usecallback8.UseMemo9.useRef10.useImperativeHandle11.useLayoutEffect12.自定义hooks1.Hook的优势Hooks的概念是Rea原创 2021-05-31 20:30:43 · 398 阅读 · 2 评论 -
Redux状态管理修炼手册
文章目录1.初识Redux1.1 为什么要使用Redux1.2 redux的核心理念1.3 redux的三大原则2.redux的基本使用2.1使用流程2.2 redux目录结构划分2.3 redux的处理流程3.react结合redux3.1 在组件中直接使用3.2 自定义connect函数4.react-redux使用5.中间件的使用5.1.中间件作用和目的5.2 redux-thunk的使用6.redux-devtools7.redux-saga在使用react进行开发的过程中,Redux作为一种状原创 2021-05-27 10:18:31 · 537 阅读 · 0 评论 -
React+antdesign实现添加评论功能(底部附源码地址)
React结合antDesign组件库实现一个的评论功能案例,有疑问评论区交流引入这些就不赘述了,直接说实现过程吧,这里的input部分和item是分开的两个组件,使用到的第三方的插件:"styled-components": "^5.3.0",//css in js "moment": "^2.29.1", //处理时间(推荐使用)"antd": "^4.15.6", //不多说"@craco/craco": "^6.1.2",//React处理配置文件(可修改antd的主题)接下来直..原创 2021-05-20 23:12:00 · 863 阅读 · 0 评论 -
React组件详解(组件生命周期,组件间各种通信)等
文章目录1. react组件化2.类组件与函数组件的创建2.1 类组件2.2 函数组件3.组件的生命周期4. 组件的嵌套4.父子组件间的通信4.1 父传子4.2 子传父5. 插槽实现6.跨组件通信1. react组件化 目前的前端三大框架的核心都是采用组件化的思想。组件化提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。任何的应用都可以被抽象为一个组件树组件化思想的应用:尽可能的将页面拆分为一个个小的,可复用的组件是我们的代码更加易于管理,并且扩展性也增强R原创 2021-05-16 09:18:27 · 371 阅读 · 1 评论 -
jsx核心知识详情
文章目录1.认识jsx1.1 react为什么使用jsx1.2 使用前须知2. jsx基操2.1 jsx中的注释2.2 jsx嵌入变量2.3 jsx嵌入表达式2.4 jsx绑定属性3. jsx事件绑定3.1 jsx之间绑定中的this指向问题3.2 事件参数传递4. jsx渲染5.Jsx原理解析6.react的虚拟DOM7.为什么使用虚拟DOM1.认识jsx jsx实际上是JavaScript语法上的一个扩展,也是JavaScript XML的缩写。它的作用就是用来描述我们的用户界面,使有关界面的代码原创 2021-05-11 20:43:15 · 1008 阅读 · 3 评论 -
React事件绑定时this指向问题解决以及事件传参
React事件绑定中的this指向问题当时如果这是我有一个需求,我点击以下按钮,来获取我们state中的数据。btnfun(){ console.log(this);//undefined console.log(this.state.data);//not undefined}这里为什么会出现这个问题呢?因为btnfun()函数并不是我们主动调用的,而是当触发button的事件时,react内部再去调用这个函数。而react的内部时不知道这里的this是指向哪里的。为了解决这个原创 2021-05-11 10:49:43 · 430 阅读 · 0 评论