React+Ts中如何优雅的二次封装组件 在react中相信大家用的最多的组件库就是Antd了，可是往往在公司的实际开发过程中，我们会发现ui给的设计图和组件有着不小的差别，不管是在样式上还是功..

开发中需要使用到react图片懒加载功能，现在的线上资源关于react图片懒加载的插件并不能达到自己预期的功能。于是自己封装了一个图片懒加载的组件

防抖组件封装 使用场景 使用防抖的场景很多，其中一些例子包括： 搜索框输入联想功能：当用户输入搜索关键词时，如果搜索框每次输入都触发一次搜索接口调用，会导致频繁的网络请求和资源消耗。这时候可以使用防抖

对antd的 Button组件进行二次封装。来实现鉴权功能（即传入权限信息id，权限信息为true的才会渲染到页面）。 保留之前 antd Button 组件所有ts定义的参数。

React 组件生命周期指的是组件从创建、渲染到销毁的整个过程。在这个过程中，React 组件经历了不同的阶段，并在每个阶段执行特定的生命周期方法。

React V 16.8.0 推出的 Hooks API，其中 React.useState 可以解决问题。 React V 16.8.0 推出的 Hooks API，React.useEffect 可以模拟生命周期函数。 可以看见，无论我点击多少次按钮使得 n,m 值发生变化…

React是一个非常灵活的前端框架，因为它不会强制开发者使用哪个自带的API或者第三方库来完成某个功能。本文会介绍一系列最佳实践帮你更好地开发React应用或者应对前端面试。

我们在编写React应用的时候，常常需要在组件里面异步获取数据。本篇文章将会为大家介绍一种使用Suspense和ErrorBoundary组件来统一处理异步逻辑的思路。

React 提供了 Refs，帮助我们访问 DOM 节点或在 render 方法中创建的 React 元素。 React 提供了三种使用 Ref 的方式：