前言 Hello 大家好 我是鲨鱼哥 这次给大家带来的是我曾经非常嫌弃 如今却爱不释手的 TS 技术 哈哈

背景 一切起因皆是因为下面这段代码而起，甚至跟小伙伴们讨论了很久，大家可以先上个眼，后面会细说，戳 👉

本文先从几个代码常见问题来切入，同步 React Hooks 的常见问题及解决技巧，之后通过对这些技巧的拓展使用来阐明什么是 React Hooks 的调度控制，从而提高个人 React 的姿势水平

它拥有无与伦比的预览交互体验：从打开图像开始，每一帧的动画、细节和交互都经过了精心设计与反复调试，媲美原生图片预览的效果。

引入 forwardRef, useImperativeHandle 这两玩意儿，然后用到的是useRef去调用

路由传值的三种方式（v5.x） 1.params参数 2.search参数 3.state参数 路由传值的三种方式（v6.x） 1.params参数 2.search参数 3.state参数 深度解析

这回咱们好好讲讲hooks，找一个合适深度的发力点，争取建立从原理到使用的一条细细的通路，这样更有利于之后学习和补充，正所谓先迷后得主。

先上效果图炸波🐟 拖拽实现 这里我们使用react-draggable三方库，由于它默认的Draggable是去动态修改元素的transform，和我们设计的初衷背离，于是使用其DraggableCo

创建项目 实际开发过程中，我们一般会使用 Typescript 开发 React 应用，所以不要直接运行 create-react-app 脚手架命令，而应该使用如下方式： 参考文档： https:/