- 博客(6)
- 收藏
- 关注
RSS订阅原创 学完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
原创 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
原创 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
429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人