React 生命周期很多人都了解，但通常我们所了解的都是 单个组件 的生命周期，但针对 Hooks 组件、多个关联组件（父子组件和兄弟组件） 的生命周期又是怎么样的喃？你有思考和了解过吗，接下来我们将完整的了解 React 生命周期。 函数组件 的本质是函数，没有 state …

React Router 是 React 生态系统中最受欢迎的第三方库之一，近一半的 React 项目中使用了 React Router，下面就来看看如何在 React 项目中使用 React Rou

由于React的函数式组件使用起来方便（对比class组件），我将重点使用函数组件来运行开发。在这系列博客中，我将分享我所学到Hook系列API的知识。 useRef 返回一个可变的 ref 对象，其 .current 属性被初始化为传入的参数（initialValue）。返回…

当 ref 对象内容发生变化时，useRef 并不会通知你。变更 .current 属性不会引发组件重新渲染。如果想要在 React 绑定或解绑 DOM 节点的 ref 时运行某些代码，则需要使用回调 ref 来实现. useRef 返回一个可变的 ref 对象,返回的 ref…

Suspense 组件想必大家都用过，一般是和 React.lazy 结合用，用来加载一些异步组件。 比如这样一个组件： 就可以在另一个组件里用 lazy + Suspense 异步加载： 这里的 i

useLayoutEffect的用法和useEffect完全一样，那么本文就来谈谈这二者在使用场景上的区别，以及useLayoutEffect的使用注意事项。

最近在公司搬砖的过程中遇到了一个bug，页面加载的时候会闪现一下，找了很久才发现是useeffect的依赖项的问题，所以打算写篇文章总结一下，希望对看到文章的你也有所帮助。

文章讲解setState是同步的还是异步的。在什么情况下同步执行，又在什么情况下异步执行。以及为什么setState要设定为异步执行。

这篇文章会给你带来很大收获的。适合react萌新也适合高手更进一步的。写的比较清楚和细节。文章讲解memo的使用方式和在使用细节上的注意点。一文说完React.memo的方方面面。