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屋！