作为React的使用人员，本人在做组件库开发时，一般会思考以下下问题： 怎么才能让组件适配更多的使用场景？ 怎么才能设计出比较简单并且合理的API，让它变得易用？

最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）

1. 前话 距离上次分享React通用解决方案一眨眼就过了一个月，本系列前篇结尾说本篇会讲解「React通用解决方案——表单容器」。 但作者思索了一番，认为「表单容器」的实现核心是「浮层容器」，容器包

contextmenu 事件会在用户尝试打开上下文菜单时被触发。该事件通常在鼠标点击右键或者按下键盘上的菜单键时被触发，如果使用菜单键，该上下文菜单会被展示到所聚焦元素的左下角。

如果录制时间很长，生成的录制文件就会很大，大文件再录制结束后再上传会耗用大量时间，并且上传过程中如果网络问题造成上传失败，就会前功尽弃，重新上传。 为了解决这个问题，可以再录制的时候就进行上传，每过n秒就生成视频文件进行上传，大量降低上传时间，即时上传失败也能进行断点续传。 使…

React官网的FAQ有这么一个问题“如果我的 effect 的依赖频繁变化，我该怎么办？” 1、BUG描述：你的 effect 可能会使用一些频繁变化的值。你可能会忽略依赖列表中 state，但这通

前言 自己在掘金上看了也看了很多关于hooks的文章，感觉都讲得不是很详细。而且也有很多的水文。最近自己打算重学react，系统性的再把hooks给学习一遍。 Hooks is what？ react

em ～～～朴实无华，但是代码看起来舒服不少，朋友感叹学到不少干货，我感觉这就是基本操作，233333。

本文是笔者在学习setState更新机制时，在github的Discussions中看到的一篇文章。这让我更加了解了React17和React18中setState更新的不同之处。顺便自己翻译总结一下