如何在状态变量更新时仅重新渲染 FlatList 的一项?

问题描述 投票:0回答:1

在 React Native 应用程序中,我有 90 个项目要显示。我正在使用 Flatlist 来显示这些项目,并在 Flatlist 的“renderItem”属性中使用子组件。

当我更新以上 90 个项目状态变量中的一项时,它会重新渲染所有项目,这会导致性能问题。

如何仅重新渲染 Flatlist 的一个特定列表项,而不是状态变量更改时的所有列表项?

reactjs react-native react-hooks
1个回答
0
投票

如果您可以提供 FlatList 中显示的数据示例,将会很有帮助。理论上,当 state 或 props 发生变化时,React 会重新渲染。请记住,FlatList 仅显示当前在移动屏幕上可见的渲染元素(因为延迟加载)

阅读这篇文章,它可能对您有帮助不要重新渲染所有 FlatList 项目

© www.soinside.com 2019 - 2024. All rights reserved.