文章详情页
javascript - react性能问题？
浏览：218日期：2023-02-22 18:32:25
问题描述
如果组件层级过深会不会影响到App性能？，如果会的话一般会设置多少个层级
redux每次action的时候通过reducer产生一个新的state，那么如果action多了，state对象就多了，这样不会影响性能么？redux是如何规避的？
问题解答
回答1：组件嵌套这个问题避免不了，为了复用代码，必须嵌套，否则代码量巨大。这也是react的弊端之一。一般来说，3-5级嵌套基本上能解决问题了，再深点估计也没问题。如果太深了，那首先要面对的问题绝对不是性能，是开发，你可能根本记不住参数到底从哪传到哪。可以适当的多一些代码，降低复用率，但是维护起来方便很多，性能也OK。至于state的问题，redux维护的是一个巨大的state。整个项目是一个state，分出来小的state到各个组件身上去。没有深入了解具体state是怎么运行的，感觉上应该是产生了新的state后，原来的state就变成了类似于没有引用的对象，会被系统释放掉。
回答2：试试 immutable
回答3：virtual dom
标签：
JavaScript
相关文章：
1. golang - 用IDE看docker源码时的小问题2. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！3. javascript - 如何使用Canvas改变素材的颜色？4. javascript - iframe 为什么加载网页的时候滚动条这样显示？5. 在应用配置文件 app.php 中找不到’route_check_cache’配置项6. html5 - weex H5端的使用,怎么跑起来?7. mysqli更新不了数据8. javascript - 如何向localStorage上的数组push数据9. npm镜像站全新上线10. javascript - 一排三个框，各个框的间距是15px,距离外面的白框间距也是15px，这个css怎么写？
排行榜
网公网安备