react
react学习记录
qq_35757537
这个作者很懒,什么都没留下…
展开
-
react 与 Vue 的区别
react 与 Vue 的区别原创 2022-11-10 01:11:54 · 173 阅读 · 1 评论 -
react事件绑定原理
react事件绑定原理原创 2022-11-09 23:23:16 · 164 阅读 · 0 评论 -
react函数组件的闭包问题
react函数组件的闭包问题原创 2022-11-03 10:28:27 · 1236 阅读 · 0 评论 -
react高阶组件
react高阶实质上就是一个函数,接收一个组件,返回一个新组件作用就是实现组件的代码复用实现一个能获取到当前组件加载耗时的功能class BoxComp extends PureComponent { componentWillMount() { this.start = Date.now(); } componentDidMount() { console.log((Date.now() - this.start) + 'ms') } render()原创 2020-09-15 23:28:56 · 395 阅读 · 1 评论 -
React的虚拟dom实现原理
虚拟DOM的渲染机制学习React必须知道React的两个方面,一个是虚拟DOM,另一个是Diff算法。今天我们先来看一下React的虚拟DOM的实现原理。下面是虚拟DOM的一个简单实现原理,要是想深究的话,还是需要去阅读一下相关的源码部分。原理: React会先将你的代码转换成一个javascript对象,然后再把这个javascript对象转换成真实的DOM。而这个javascript对...原创 2019-11-22 10:38:38 · 1234 阅读 · 0 评论 -
React绑定事件的四种方法
今天给大家分享一下react绑定事件的四种方法,也许会有不准确的地方,欢迎指点出来,大家一起进步~首先要先了解,在js中class的方法默认不会绑定this,默认情况下是undefined,所以就需要我们手动的去绑定this,这样才能在回调函数中使用到this。第一种方法:在构造器中绑定this(这也是官方推荐的方法)export default class Test extends...原创 2019-05-29 16:57:17 · 3517 阅读 · 1 评论 -
React实现动态调用的弹框组件
最近在用react开发项目,遇到一个需求——开发一个弹框组件。在react中创建一个组件是很简单的,只需要使用class创建并引入就可以了,但是要做到可以用js调用这个组件而不是写在jsx结构里,那就需要用到ReactDOM.render这个方法了。首先先来屡一下需求:弹框里的可配置字段:标题文字,提示文字,确认和取消按钮的显示隐藏以及文字。 点击确认和取消按钮后,可以触发相应的事件。...原创 2019-05-20 14:23:11 · 6383 阅读 · 0 评论