如果 contentRef?.current?.clientHeight 返回 0，那很可能是因为你在检查高度之前的元素仍然处于隐藏状态。在元素处于隐藏状态时，通常会无法获取其可见高度。一种常见的解决方案是等到元素显示后再获取其高度。你可以通过使用 useEffect 监听元素的显示/隐藏状态，并在元素显示时获取其高度。

antd,和elementui组件中的checkbox是一个很常用的组件，之前自己一直有一个疑惑，为什么checkbox和checkboxGroup分开两个组件写呢，不能一个组件全部一次写完呢？后面自己封装了组件才知道，组件一定要做到颗粒化，就是封装组件一定离不开高阶组件（HOC）这个是一种思想不是泛指的一个具体组件。组件封装更多的还是考虑的所有影响组件后续的情况能否考虑得到，其次就是技术的实现问

TS 实现Optional typescript 函数瑞算非必填项

Drawer的三方组件库中称之为抽屉，平时开发中使用Modal组件应该比较居多，使用这个drawer组建的应用场景应该比较少，近期我也是封装自己的一套组件库，由于没有设计在风格上面就参考的ant组件库，但是功能都是自己从逻辑代码慢慢敲出来的。这次我就带来一个封装Drawer组件的全过程。封装组件第一步:封装一个组件我们不能一上来就开始写代码，我们应该先去思考这个组件需要一些什么功能。以及为使用者提

在末尾我有复制了一个视图第一个元素的dom，这个就是实现无缝滚动的关键所在。当我们滑动到了最后一个视图，我们可以把整个容器的位置设置成最开始的位置，这样就可以完美实现最后一个视图和第一个视图的完美衔接了。主要就是判断临界值在每个临界值的时候处理的逻辑有一点区别，其次就是在动画的取消还有动画的效果上面，什么时候应该滑动的时候不能加动画，什么时候有需要把动画效果加上。每次移动的时候呢就是整个容器一起移

Umi 使用了 webpack 作为底层构建工具。通过中的配置，可以自定义 webpack 配置。config},Umi 框架提供了丰富的功能和灵活的配置选项，使得前端开发变得更加简单、高效和具有扩展性。通过本教程，我们详细介绍了 Umi 的使用和配置以及一些进阶功能和扩展的知识点。希望这个 Umi 框架详细教程对你有所帮助！

这类组件和之前的message组件都有很多相似的地方，getContainer函数获取容器，不存在容器的时候就自己创建一个dom然后挂载到body，每次创建新的Notifice组件都去检测一下这个dom是存在。页面上所有的Notifice组件都是挂载到这个getContainer函数返回的节点上面的。那我们怎么才能把一个dom挂载到指定的节点呢，我以react为例子，React.createRoo

弹窗中就设置form的initValues就是穿过来的formValue的值，如果是新增的时候就是一个空对象，然后新增的每一项的值填写一个才有一个，如果需要默认值的话就需要设置对象合并{默认值,…这种方式就是通过判断在点击修改的数据对formValue的值判断只有这个值的key长度不为零才渲染修改的组件，这里采用了两个同一个组件的方式，通过不同的弹窗状态去判断显示是新增还是修。这种方式通过form

这类组件和之前的message组件都有很多相似的地方，getContainer函数获取容器，不存在容器的时候就自己创建一个dom然后挂载到body，每次创建新的Notifice组件都去检测一下这个dom是存在。页面上所有的Notifice组件都是挂载到这个getContainer函数返回的节点上面的。那我们怎么才能把一个dom挂载到指定的节点呢，我以react为例子，React.createRoo

其次是滑块滑动的距离也是一个比值，计算的是滑块在可滑动轨道的一个滑动比值，滑动滑块的时候同时也需要滑动内容区，内容区的滑动距离也是一个比值。这就是一个最终的实现效果，滚动条支持点击滑动，左边内容区也能同步滑动，鼠标滚动同时也支持，手写的滚动条同步滚动。主要的难点就是计算滑块的一个高度，根据不同的内容大小同比例算出滑块在容器中的一个比例。类比就是 滑块的一个大小/滑块可以滑动的一个大小=容器的一个大