React 提供了自定义 Hooks 的特性，我们可以根据这个特性创建出很多有意思的功能，今天就来分享一些个人认为还不错的 Hooks，共计 15 个。 useClippy 是一个用来读取或写入粘贴板的自定义 Hook，支持 TypeScript。 useWindowSize …

React中父组件获取class类型的子组件的state或方法的三种方式：给子组件添加ref属性、给子组件添加onRef 属性使用 createRef() 创建 ref 容器。

函数式组件每次渲染结束后，内部的变量都会被释放，重新渲染时所有的变量都会被重新初始化，产生的结果就是每一次都注册和执行了 setTimeout 函数。

前言 你们的react项目，有多少根本没有理会React.memo，useMemo，useCallBack的，造成大量子页面数据明明没有变化，却一直跟着刷新。 我以前在成都滴滴的项目，这种无用rend

React Router应该是React生态系统中最受欢迎的库了，npm周下载量达600w+，github也有45.2k的加星，足以说明它是一款非常优秀的库，作为React社区重要的库，经历了多次迭代

如今React+TypeScript 已成为各大厂标配- 建议熟读React和TypeScript官方文档 - 建议开启 tsconfig.json中 "noImplicitAny": true 建

请注意：对React中一些重复的逻辑进行封装并不是封装公共的方法，而是一些组件内部重复的逻辑加以封装，使之可以重复使用。 关于公共hooks的封装，阿里开源的ahook有不少可以使用的hook，当然也有关于对antd使用的hook，可是每个项目的逻辑或许只差一步，就无法使用。所…

最近看到一些实用的React工具库，总结了一下分享给大家，避免重复造轮子。希望对你有所帮助，有用就点个赞吧~

2021 高频前端面试题汇总之React篇，前端面试题汇总系列文章的React篇，长期更新，欢迎收藏、点赞！