react-性能优化

2018-06-24 02:04:40来源：未知阅读 ()

开发中遇到一个需要优化的性能，页面需要渲染很多table，而且可以自己添加table，所以就导致router改变时，清除这些DOM结构就会很慢，这就给用户造成不好的体验。

问题所在：清除渲染过多的DOM结构才导致迟缓；

解决方案：引入的table页面作为一个子组件，存在切换table显示内容的功能，所以就可以传入一个bool类型的show值，作为是否渲染DOM结构的判断，只有切换到该table才返回DOM结构，否则返回null，页面就只会渲染目前显示的table，而其他的table没有渲染，这样就解决了渲染过多的DOM而导致清除耗时长的问题。

性能优化：可以尽量只渲染当前需要显示的内容，其他内容只有在需要显示的时候才渲染，而不是一开始就将所有的内容都渲染。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有