react.js - react ui render 延迟
本文介绍了react.js - react ui render 延迟的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
在渲染ui的时候,state数组在map遍历的时候,如果往数组的头部在添加进去一个对象,(无刷新页面)渲染显示的时候会先显示上次数组的第一个元素,再渐变为新增进去的渲染对象(当新增进去的对象和旧state对象的第一个元素对象渲染的组件一样,图片尤为明显,会先显示为旧state的图像再转化为新增的,网络不好有个很明显的过度,也许是react dom的diff机制,但是延迟只是一方面,也会导致一些点击事件的不生效),不知道描述明白没
解决方案
state数组在map遍历的时候,如果往数组的头部在添加进去一个对象,这就不对了,渲染的时候在修改数组?
后面提到的现象,应该和react无关,特别是渐变,他不自带这个效果,看看你用了什么动画组件或者css动画。
所以没看懂什么问题,去jsfiddle或者codepen弄个最简单例子演示你说的问题把。
这篇关于react.js - react ui render 延迟的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文