即使将呈现在FlatList中的组件声明为PureComponent并且其属性引用未更改，也会重新呈现这些组件
。这是因为FlatList组件在渲染时会根据数据源的变化来判断是否需要重新渲染组件。
FlatList是React Native中用于展示长列表数据的组件，它通过滚动的方式来展示大量的数据，提供了高性能的列表渲染。当数据源发生变化时，FlatList会重新渲染需要显示的组件。
即使在组件声明为PureComponent的情况下，FlatList仍然会重新渲染这些组件。这是因为PureComponent会对组件的props和state进行浅比较，如果发现props或state有变化，就会触发重新渲染。而在FlatList中，每次滚动或数据源变化时，都会生成新的props传递给子组件，导致浅比较时发现props有变化，从而重新渲染组件。
为了优化性能，可以使用shouldComponentUpdate或React.memo来避免不必要的重新渲染。shouldComponentUpdate可以在组件接收到新的props或state时进行自定义的比较逻辑，决定是否需要重新渲染。React.memo是一个高阶组件，用于包装函数组件，可以对函数组件的props进行浅比较，避免不必要的重新渲染。
在腾讯云的云计算服务中，可以使用云函数SCF（Serverless Cloud Function）来实现类似的功能。云函数是一种无服务器的计算服务，可以根据事件触发自动运行代码，无需关心服务器的运维和扩展。通过云函数，可以将数据源的变化作为事件触发，然后执行相应的逻辑，实现动态渲染组件的效果。
腾讯云云函数SCF产品介绍链接：https://cloud.tencent.com/product/scf
相关·内容
我正在开发一个带有redux的react原生应用程序，在该应用程序中，我以页面的形式获取帖子，每个页面包含5个帖子，并将它们呈现在FlatList中。当呈现主屏幕时，我获取第一页帖子，并将它们与商店中最初为空的帖子数组连接起来。当用户向下滚动时，我去获取下一页的帖子，并将它们与帖子数组连接起来。问题是，在获取下一个帖子页面并将它们与现有的帖子数组连接时，我注意到以前页面中已经呈现在FlatList<
浏览 19提问于2019-07-10得票数 1
在react-native FlatListview中，我想在list中添加一个新项。<FlatList renderItem={({item}) => <Text>{item.key}</Text>}除了key每当新的键进入时，它都会呈现整个列表视图，这会产生一些性能问题。
那么，最好的方式是只渲染一个&#
浏览 28提问于2017-12-16得票数 1
如果我给一些部件，比如：而不是其中道具可能具有此组件不使用的一些属性。组件如何知道哪些道具已经更改，以及它是否应该仅基于它所使用的道具重新呈现？它知道吗？
浏览 0提问于2019-05-25得票数 0
回答已采纳
我们使用ReactJS创建了一个可重用的list组件。但是，由于性能问题，我们决定实现- shouldComponentUpdate方法，其条件是何时呈现列表组件。，我才希望呈现我的组件。现在，我的替代方案是使用PureComponent，它做了一个简单的比较。因此，它应该只呈现已更改的列表项。但是，即使在使用
浏览 0提问于2019-11-21得票数 0
回答已采纳
是否有React-Native FlatList forEach？我尝试实现的基本上是，我有一个FlatList，我想在每个项目上添加一个动画，当动画完成时，下一个项目被渲染。或者至少，呈现一个项目，让它等待一秒钟，然后呈现下一个项目……这也不会有优化问题，因为我在给定屏幕中呈现的列表总是只有3个项目
浏览 9提问于2020-01-27得票数 0
我希望组件只在属性值改变时才重新渲染，但实际上所有组件都会在要存储的任何更新时重新渲染。该问题似乎是由数组属性引起的。 我已经在this sandbox中重现了这个问题。在这个最小的示例中，将呈现Cell组件的两个实例。每一个都显示一个单独记录在存储中的值，并且可以通过一个按
浏览 7提问于2020-01-08得票数 1
回答已采纳
我有一个像这样的异步函数： if(this.props.user) { this.setState: response.data, loading: false, refreshing: false}); })}<FlatList data={this.state.deals} s
浏览 0提问于2018-01-24得票数 0
我正在使用useSelector从Redux获取我的状态的一个大型数组，并使用state列表对其进行迭代。在我的Flatlist中，我渲染多个子组件，包括我的孩子的孩子。当我在一个单独的屏幕上，FlatList处于非活动状态，并且数组trackingBoardList中的对象内部的属性发生变化时，我希望返回屏幕
浏览 21提问于2019-09-14得票数 0
回答已采纳
1回答
按下按钮(ButtonComponent)时，按钮的状态会发生变化。现在，我将该状态传递给<FlatList>中的<FlatListItem> (一个子组件)。根据该状态，<FlatList>中的每一项都应该重新排列。这并不是什么新东西，但它就像是简单的checkbox实现。
浏览 1提问于2019-02-20得票数 3
注意，我改变了问题的描述。状态是一个具有许多属性的对象，而不是一个数组。即使它是一个数组，这个问题仍然存在，而且是相似的.
我正在开发一个反应性网络应用程序。根组件有一个名为user的状态变量。user有许多属性，每个子组件只使用其中的一个子集。我正在考虑使用react和Memo来让所有子组件都可以访问user。我已经读过，使用备忘录只会导致修改后的子组件呈现，而
浏览 2提问于2020-12-16得票数 0
回答已采纳
2回答
在同一个屏幕上处理多个平面列表
、、、、
当在同一个屏幕上有两个平面列表时，请帮助我处理不必要的重呈现。现在，我将这两个mapStateToProps从redux存储到默认屏幕组件，这样-我的都存在于屏幕的同一个组件(React.Component)中，并显示在屏幕的不同部分(队列位于屏幕底部，主机显示在屏幕顶
浏览 1提问于2020-08-11得票数 3
我正在使用Redux示例，目前正在查看示例(不要认为设置沙箱之类的东西是不可能的)。在这个设置中，有一个容器组件(TodoList)，它是子组件(Todo)。我将Todo从一个函数组件修改为PureComponent类，以便如果所有的支柱引用都是相同的，则shouldComponentUpdate()返回false，因此组件不应该更新(但是它们仍然会重新呈
浏览 4提问于2020-07-12得票数 0
回答已采纳
我是新的反应，我有一个代码功能运行所有4秒(计时器)。这个计时器设置一个变量。让我们说： VariableA: false现在，这段代码全部运行4秒。大多数情况下，VariableA是错误的。
浏览 1提问于2018-01-30得票数 0
回答已采纳
我试图通过从PureComponenet扩展子组件(Review)来避免不必要的重新呈现。
这个组件是从父组件(Review)调用的，它不是一个PureComponent。通过调试，我可以看到，每当某个评审发生更改时，与该产品相关的所有评论都会被重新呈现。显然，Review的道具会被更新，并且它会将个人评审的相关支持传递给个人评
浏览 3提问于2017-09-24得票数 2
回答已采纳
我有一个通过React Native FlatList呈现的对象数组。列表中的每个项目都呈现一个自定义组件。每个对象都有一个名为unreadMessageCount的属性，该属性返回一个数字。如果该数字大于0，则会向我自定义组件传递一个布尔标志，如果该布尔值为true，则该标志将呈现一个小徽章，指示存在未读消息。当用户点击自定义组件</e
浏览 1提问于2019-10-30得票数 0
我在react本机项目中使用FlatList来显示图像网格视图，该视图表示上传队列。title={this.props.title} </TouchableOpacity>};
每次添加或删除图像时，只要设置numColumns >1，就会重新呈现其他图像，并触发SingeImage类的componendDidMount。这是一个问题，因为我在componendDidMount()中开始上传特定的</em
浏览 2提问于2020-01-30得票数 3
回答已采纳
现在React有了PureComponent。我应该在任何地方使用React.PureComponent吗？或者什么时候使用React.PureComponent，在哪里使用React.PureComponent最合适？
浏览 3提问于2017-03-13得票数 52
回答已采纳
使用PureComponent来提高渲染效果似乎是一种常见的技术。然而，当使用有孩子的PureComponent作为道具时，情况似乎并非如此。<div /> document.getElementById('app') setTimeout(render, 1000)其结果是控制台每1s继续记录“重新呈现”。子组件(&l
浏览 7提问于2018-01-05得票数 9
回答已采纳
1回答
完整的代码可在以下网址获得：
将NumChoice包装在React.memo中，将chooseDivisibles包装在useCallback中，我们希望仅重新呈现其相应的choices元素发生更改的NumChoice组件，但React会重新呈现所有组件。此外，NumChoice被包装在React.memo<e
浏览 30提问于2020-03-04得票数 5
1回答
在下面的代码中，我希望当我向商店添加一个优惠商品时，OfferList会重新呈现。OfferList本身不是一个可观察对象，但是提供数组是作为一个道具传递的。也将更新。我怀疑直接从父组件中的存储读取也会强制重现该子组件。 我在这里偶然发现了一些答案，这些答案表明FlatList renderItems中缺少ke
浏览 27提问于2020-09-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
