背景 最近使用 react-pdf 进行 pdf 文件预览。上线后很长时间都没啥异常，不过一个突然下午，一个同事联系到我，说客户公司使用过程中发现文件预览页面无法打开。最初我也很纳闷，这么多客户使用了

React PDF 是一个使用 React 创建 PDF 文件的工具，支持在浏览器、移动设备和服务器上创建PDF文件。

公司最近有个小需求，一共就四五个页面，拿到手Vue3+TS+Vite开搞，到最后一个页面是后台下发PDF链接我要渲染在页面上，大部分浏览器是可以直接显示PDF的，但是万恶的微信浏览器不支持；

特别喜欢红宝书的一句话“站在巨人的肩上”，起因是觉得react中的hooks语法，用了那么长时间，有的时候还是似懂非懂，所以才有了这一篇文章，学习一下前人封装hook的方法。

1.你知道哪些React hooks？ useState：用于管理功能组件中的状态。 useEffect：用于在功能组件中执行副作用，例如获取数据或订阅事件。 useContext：用于访问功能组件内

本文中，我们将深入探讨“useEffect监听了很多变量怎么办？”这个问题，并提供一些最佳实践，帮助您更好地管理和优化使用useEffect监听多个变量的场景。

1、使用 React.memo() React.memo 是 React 提供的一个高阶组件（Higher Order Component），用于优化函数组件的性能。它可以帮助避免不必要的重新渲染，从

本文介绍了 useState、useEffect、useContext 等几种 React Hook 的实用小技巧，对于新手是很好的指导型文章，能够帮你减少踩坑。

一、前言 单独的使用 TypeScript 并不会导致学习成本很高，但是绝大部分前端开发者的项目都是依赖于框架的 例如与 Vue、React 这些框架结合使用的时候，会有一定的门槛 使用 TypeSc