react hook 中使用useSpring和useMeasure做动画的场景和必要性？

发布于
2019-12-04

https://codesandbox.io/embed/...
参考这份代码，其中的展开折叠就使用了useMeasure，大致原理是用useMeasure获得dom的高度，而useMeasure就是对dom的属性用ResizeObserver api 把高度存在state里，通过useMeasure获得高度后，再实时赋值给useSpring的to属性。这样的话有个问题其实，参考我上次提的问题：https://segmentfault.com/q/1010000021194734

这样造成动画高度变换过程中，state都在更新，导致reRender了很多次，造成性能浪费？

hooks react 前端

阅读 3.3k

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

扁平化数组转换成树形?
背景：需要将扁平化数组转换成树形数组。比如原始数组如下： {代码...} 期望转换后的数据 {代码...}
8 回答5.8k 阅读✓ 已解决
js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
9 回答9.1k 阅读
省市区街道数据在哪里可以下载？
省市区街道数据在哪里可以下载？
6 回答4.7k 阅读✓ 已解决
网站的不同域名互相跳转如何保持登录态？
一个网站部署了多个域名（不是子域名），比如：www.abc.com和www.aaa.com,如何从一个域名跳转到另一个域名的时候，仍然保持登录态呢？
6 回答3.2k 阅读
在Electron中，我们想要创建特定的BrowserWindow，想要使用react组件作为BrowserWindow的内容，请问如何实现呢？
在Electron中，我们想要创建特定的BrowserWindow，想要使用react组件作为BrowserWindow的内容，请问如何实现呢？
3 回答10.3k 阅读✓ 已解决
怎么识别手机号的主人变更了？
万一用户 A 注销了手机号 1234567890 ，但是忘记注销我的网站 xxxx.com 账号了。然后手机号又被运营商分配给了新的人 B，然后 B 使用 1234567890 来使用我的网站 xxxx.com 的时候，不就可以通过手机验证码登录，直接使用 A 的账号了吗？
4 回答7.2k 阅读
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。
5 回答7.1k 阅读✓ 已解决

react hook 中使用useSpring和useMeasure做动画的场景和必要性？

你尚未登录，登录后可以

扁平化数组转换成树形?

js 如何将Key属性相同的放在同一个数组？

省市区街道数据在哪里可以下载？

网站的不同域名互相跳转如何保持登录态？

在Electron中，我们想要创建特定的BrowserWindow，想要使用react组件作为BrowserWindow的内容，请问如何实现呢？

怎么识别手机号的主人变更了？

Vue项目一个报错无法找到原因?