使用extraData在功能组件中重新呈现平面列表时出现问题
extraData 是 React Native 中的一个属性，它允许我们在组件之间传递额外的数据。在使用 extraData 重新呈现平面列表时，出现问题可能有多种原因，下面我会逐一解释。
问题一：extraData 不起作用/列表不重新渲染 答案：这可能是因为 extraData 的值没有正确更新导致的。在重新渲染列表时，我们需要确保将 extraData 的值更新为能够触发组件重新渲染的新值。例如，我们可以在 state 或 props 中维护一个标志位，当需要重新渲染列表时，修改该标志位的值，然后将该值作为 extraData 的新值传递给列表组件。
问题二：列表组件重复渲染 答案：如果列表组件在每次重新渲染时都会执行昂贵的计算或网络请求，这可能会导致性能问题。在这种情况下，我们可以通过优化 extraData 的值来避免不必要的重新渲染。我们可以使用 useMemo 或 useCallback 来缓存函数、计算结果或网络请求的结果，并将其作为 extraData 的值传递给列表组件。这样，只有在这些值发生实际变化时，列表组件才会重新渲染。
问题三：组件状态丢失 答案：使用 extraData 重新渲染平面列表时，如果组件内部的状态发生改变，但在重新渲染时状态丢失，可能是因为 extraData 的值没有正确更新，导致组件被卸载和重新创建。为了解决这个问题，我们可以在 extraData 的值更新时，通过其他方式（如 useContext、useRef）来保存和恢复组件的状态，确保状态不会丢失。
关于 extraData 相关的腾讯云产品，腾讯云为开发者提供了丰富的云服务和解决方案，如云服务器、云数据库、云存储等。根据具体需求，可以选择适合的腾讯云产品进行开发和部署。你可以参考腾讯云官方文档了解更多产品详情和使用指南。
腾讯云产品相关链接：
- 腾讯云官方网站：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云云存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
我正在努力重新渲染一个平面列表。我正在尝试使用一个布尔型refreshToggle，它被馈送到extraData中，在成功获取所需的信息后被更改。下面的代码成功地获取了数据并更改了布尔值(因此更改为状态的函数更新，虽然可能是更好的做法，但看起来不像是解决方案)(我已经检查了各种日志等情况)，但平面列表不会重新呈现。renderItem={renderItem}
浏览 28提问于2021-01-31得票数 0
回答已采纳
我正在尝试在react native中切换ios开关。但只要我一改变开关就会回到初始位置。是否应该再次呈现FlatList (就像网页刷新一样)？还是我漏掉了什么？在SO上搜索答案，找不到我的错误。
浏览 12提问于2019-02-19得票数 0
回答已采纳
我正在为我的应用程序构建一个聊天组件，它非常简单，我键入一些按下发送按钮添加到列表和显示。几天前，我发现如果我开始输入大而快速的消息，我的JS就会下降到10，5甚至1，今天我发现这是因为我为消息实现了数据/时间显示，每次我在TextInput中键入某些内容并运行onChangeText事件，并更改"text“的状态，它会重新呈现我的FlatList中的所有项目。这是我的代码：<FlatList
key={'cha
浏览 1提问于2018-05-22得票数 3
1回答
按下按钮(ButtonComponent)时，按钮的状态会发生变化。现在，我将该状态传递给<FlatList>中的<FlatListItem> (一个子组件)。根据该状态，<FlatList>中的每一项都应该重新排列。这并不是什么新东西，但它就像是简单的checkbox实现。一切正常，但当我按下全选按钮时，所有剩余的选择按钮都不会切换到选中状态。
浏览 1提问于2019-02-20得票数 3
1回答
我有两个屏幕，第一个屏幕(Entry.js)就像一个表单，我在其中输入一些数据并将其保存到异步存储中 const entryVehicleLocal = async ({values}) => {'Logrado'); console.log(error);} 然后我有了第二个屏幕(Parking.js)，我想在一个扁平列表中显示我保存在异步存储中的数据，但这是我的问题，我试图使用useEffect自动刷新
浏览 15提问于2020-10-20得票数 0
我将一个组列表映射到一个对象中，其中组id是该对象的键'ABCD' : { ... },} console.log(p[id]);}
通过props将state.groups传递给嵌套组件
浏览 3提问于2020-03-01得票数 1
据我所知，FlatList extraData属性用于在组件发生更改时重新呈现组件。FlatList renderItem={renderItem} extraData</Text> );我已经在FlatLi
浏览 3提问于2021-11-11得票数 1
我正在使用react-native-community/react-native-tab-view来呈现两个平面列表，这两个平面列表基本上是带有勾选框的检查表。平面列表的代码从以下位置返回：return ( data={data} first: ListRoute,
浏览 2提问于2020-05-30得票数 3
如何在选择或单击列表中的单个项目时更新FlatList中所有项的UI设计。我已经尝试了可能的结果，我还可以想到，只有在数据发生更改时，平面列表属性才能工作，否则就不能工作，还可以将值从子组件传递给父组件，并更改平面列表中的一个属性以重新呈现。这是我在从子组件回调时更改数据数组的代码：
export default class CombinedSc
浏览 2提问于2019-05-02得票数 1
回答已采纳
我试图从API中呈现值，如果我对值进行控制台，我可以看到数组，但无法从Flatlist中看到它。
我想这就是我犯错误的地方控制台输出阵列帮帮我，
浏览 9提问于2022-02-14得票数 0
回答已采纳
2回答
当我从服务器获得单个数据并将其设置为状态并传递到数据道具时，我遇到了一个平面列表问题，我无法在呈现中看到任何更新“如果我没有收到任何数据，我将添加一些加载--我显示一个让我们假设为指示器的数据--”所以指示器消失了FYI，当我启用热重新加载，并按下保存在我的IDE，我可以看到我的屏幕上的单一数据！ <FlatList
key={Math.ra
浏览 0提问于2019-08-21得票数 4
我正在尝试刷新扁平列表中的特定单元格/行。如何在加载数据时仅刷新单个单元格。并在刷新后显示数据？
可以刷新react-native视图中的特定行吗？例如，我在<View/>中嵌套的一行中显示图像。
浏览 0提问于2019-03-25得票数 2
1回答
当数据从sortedData支柱中移除到平面列表时，我的react本机平面列表不会重新呈现。我试过使用extraData支柱强制重呈现，但这不起作用。当我移除元素时，会出现空行。
浏览 10提问于2020-06-14得票数 0
回答已采纳
我是React Native的新手，当我试图构建一个平面列表时，我遇到了一个问题，当我按下列表项时，它会导航到另一个屏幕，其中包含项的详细信息。我使用redux和react-native-router-flux在屏幕之间导航。平面列表正在呈现，但当我按下item时，我无法导航到另一个屏幕。_renderItem}
浏览 11提问于2019-03-16得票数 1
回答已采纳
我的react本机组件中有两个FlatLists。它们填充了类似的数据，第二个FlatList大约有80个条目。当第一个FlatList达到11个或更多(我正在向第一个FlatList动态添加项目)时，第二个将停止呈现项目，并且即使过滤器的选择是正确的，它也是空的。data={todaySuggestions} keyExtractor={this.keyExtractor}
extraDataitem.id).completed)}
浏览 0提问于2018-10-10得票数 2
4回答
我还使用useEffect从服务器获取数据并更新列表。但是，在使用数据设置数组的新状态后，不会重新呈现flat-list。renderItem={item => _renderItem(item)} extraData={dataUpdated} // extraData={listData <---
浏览 0提问于2021-01-03得票数 2
这个平面列表中充满了一个数组(renderItem)。这个很管用。
当我单击平面列表中的一个项目时，该项目应该会取消。然而，FlatList不会重新呈现.当我点击一个项目来删除它时，用户名就消失了(因为它已经从当前值项中删除了)，但是项目本身并没有被删除，我仍然看到一个边框。当我单击一个项目后重新设置数组时，它就工作了，所以FlatList就会像它应该的那样被<e
浏览 1提问于2020-02-10得票数 1
回答已采纳
在Reacti原住民中，我们知道平面列表组件有一个称为“额外数据”的属性。当额外的数据发生变化时，将重新呈现平面列表。那么，我们如何知道平面列表是否被完全重新呈现呢？例如:在平面列表重新呈现之前，->显示加载->，平面列表完全<
浏览 1提问于2022-09-04得票数 0
我有一个react本机平面列表，它使用website从Wordpress网站呈现一些数据。平面列表是正确显示的帖子，当点击，它打开模式，但我有一些困难，将状态推到模态。当前，当模式打开时，它会对平面列表中的每个项目显示相同的(最后一个post/ item )。有什么建议吗？任何帮助都很感激。
浏览 0提问于2019-02-18得票数 1
3回答
我有一个平面列表，它从另一个页面获取itemCount，我用一个按钮来增加它，它的值会发生变化，但是如果不按ctrl键或返回到另一个页面，就不会在屏幕上看到它。<FlatList data={store} return (任何类型的帮助都很感谢
浏览 6提问于2022-10-12得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
