大家都知道React中的ref属性可以帮助我们获取子组件的实例或者Dom对象，进而对子组件进行修改，是一个很方便的特性。在传统类组件中，我们通过使用 React.createRef() 创建的，并通过 ref属性附加到 React 元素来使用。而随着hooks的越来越广泛的使用…

每次渲染都有它自己的props、state和事件处理函数。当点击事件更新 state 时，函数组件会重新被调用，因为每次渲染都是独立的，所以取到的值不会受后面的操作影响。 如果新的 state 需要通过使用先前的 state 计算得出，那么可以将回调函数当作参数传递给 setS…

介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !

言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

下图是useRef的demo效果图，通过“一个父组件嵌套一个子组”件来总结一些知识点。 ref对象与自建一个{current：‘’}对象的区别是：useRef会在每次渲染时返回同一个ref对象，即返回的ref对象在组件的整个生命周期内保持不变。自建对象每次渲染时都建立一个新的。…

React 为什么使用 Lane 模型替代 ExpirationTime 模型？本文将从 ExpirationTime 存在的问题入手，再加上 Demo 的演示和分析，给出答案。

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

上一篇文章我们讲了React-Router的基本用法，并实现了常见的前端路由鉴权。本文会继续深入React-Router讲讲他的源码，套路还是一样的，我们先用官方的API实现一个简单的例子，然后自己手写这些API来替换官方的并且保持功能不变。 在这个壳里面还引用了两个库reac…