码迷,mamicode.com
首页 > 其他好文 > 详细

react native 踩坑之 SectionList state更新 不执行render重新渲染页面

时间:2018-08-23 02:18:01      阅读:352      评论:0      收藏:0      [点我收藏+]

标签:基本   com   一个   执行   不执行   数组   https   use   页面   

官方文档中指出

SectionList

  • 本组件继承自PureComponent而非通常的Component,这意味着如果其props浅比较中是相等的,则不会重新渲染。所以请先检查你的renderItem函数所依赖的props数据(包括data属性以及可能用到的父组件的state),如果是一个引用类型(Object或者数组都是引用类型),则需要先修改其引用地址(比如先复制到一个新的Object或者数组中),然后再修改其值,否则界面很可能不会刷新。(译注:这一段不了解的朋友建议先学习下js中的基本类型和引用类型。)

问题代码

class UserList extends PureComponent <Props,State>{

……

}

修改后成功代码

class UserList extends Component <Props,State>{

}

虽然官方文档我并没有看懂….

react native 踩坑之 SectionList state更新 不执行render重新渲染页面

标签:基本   com   一个   执行   不执行   数组   https   use   页面   

原文地址:https://www.cnblogs.com/intinity/p/9521284.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!