react ui render 延迟

新手上路,请多包涵

在渲染ui的时候,state数组在map遍历的时候,如果往数组的头部在添加进去一个对象,(无刷新页面)渲染显示的时候会先显示上次数组的第一个元素,再渐变为新增进去的渲染对象(当新增进去的对象和旧state对象的第一个元素对象渲染的组件一样,图片尤为明显,会先显示为旧state的图像再转化为新增的,网络不好有个很明显的过度,也许是react dom的diff机制,但是延迟只是一方面,也会导致一些点击事件的不生效),不知道描述明白没

阅读 6.1k
2 个回答

“state数组在map遍历的时候,如果往数组的头部在添加进去一个对象”,这就不对了,渲染的时候在修改数组?

后面提到的现象,应该和react无关,特别是“渐变”,他不自带这个效果,看看你用了什么动画组件或者css动画。

所以没看懂什么问题,去jsfiddle或者codepen弄个最简单例子演示你说的问题把。

用this.setState 不要用this.state.array

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题