问答

useMemo依赖太多怎么优化

作者:admin 2021-05-05 我要评论

如题,useMemo确实能很好的控制页面的刷新次数,但是项目维护到最后Memo的依赖太多了,多到不敢添加了,目前已经把组件拆的比较细了,奈何逻辑复杂,状态比较多...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

如题,useMemo确实能很好的控制页面的刷新次数,但是项目维护到最后Memo的依赖太多了,多到不敢添加了,目前已经把组件拆的比较细了,奈何逻辑复杂,状态比较多,不依赖的话,组件刷新次数很多,性能不好,各位是怎么优化的,目前Memo依赖已经超过10个了。

###

useMome 依赖数超过10个,那还不如不用useMemo,一个页面依赖状态那么多就把页面功能进行组件化,职能化。不要把所有state放到page级管理,应该下发state给细化的组件自身管理state。复杂逻辑应细化到职能区分,不应该只是组件拆分。

如果你说已经职能、组件都细化了useMemo还是出现10个依赖项,并且页面级其他state频繁更新的化,可以想象页面级的state不少于20个...想象不到什么场景的代码会出现这种情况。但是还是可以有个low点的优化手段就是把部分state合并成一个state管理,即 {a: false, b: true, ....}

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • useMemo依赖太多怎么优化

    useMemo依赖太多怎么优化

  • Taro.request掉用获取基金的列表出现的

    Taro.request掉用获取基金的列表出现的

  • 偶尔出现net::ERR_CONNECTION_ABORTED

    偶尔出现net::ERR_CONNECTION_ABORTED

  • antd vue 如何让a-select获取焦点时全

    antd vue 如何让a-select获取焦点时全

腾讯云代理商
海外云服务器