React native React Native-在Flatlist上的组件内获取api

我正在创建一个有评论线程的应用程序（比如reddit），而现在的滞后非常大

真正简化的想法基本上是：

我有一个

数组

，id为comments

[01,02,03,n]

<ParentComponent>
  <Flatlist 
    data={array}
    renderItem={(commentId) => <CommentComponent commentId={commentId} />}
  />
</ParentComponent>

我正在使用递归来呈现注释的注释，除了在

中呈现

中的

所产生的荒谬延迟之外，其他一切都很好

中的每一项都需要调用渲染，所以我得到了大量的渲染

有些帖子有3位数的评论，我怎样才能用更聪明的方式来评论呢

我在想，我必须在每个

之外获取这些注释，但获取所有这些注释可能需要很长时间，而且感觉不太对劲

---

任何人都知道我怎样才能在滚动时不出现这种荒谬的延迟？当用户滚动到它时，你应该渲染项目。请阅读 简化

请使用

 <Flatlist 
   keyExtractor={(item,index) => index.toString()} // don't forget keyExtractor
   initialNumToRender={10} // Vary According to your screen size take a lumsum according to your item height
   removeClippedSubviews={true}
/>

index.toString（）}//别忘了keyExtractor
initialNumToRender={10}//根据屏幕大小而变化根据物品高度而取一个lumsum
RemoveClippedSubview={true}
/>

---

另请阅读

当用户滚动到项目时，您应该呈现项目。请阅读 简化

请使用

 <Flatlist 
   keyExtractor={(item,index) => index.toString()} // don't forget keyExtractor
   initialNumToRender={10} // Vary According to your screen size take a lumsum according to your item height
   removeClippedSubviews={true}
/>

index.toString（）}//别忘了keyExtractor
initialNumToRender={10}//根据屏幕大小而变化根据物品高度而取一个lumsum
RemoveClippedSubview={true}
/>

---

也请阅读

我简直不敢相信，3天来这个问题的解决方案是迄今为止最奇怪的事情，我刚刚从视图中删除了borderRadius，现在一切都很完美，有人知道borderRadius为什么会造成这样的延迟吗？

我简直不敢相信，3天来，这个问题的解决方案是React Native中迄今为止最奇怪的，我刚刚从视图中删除了borderRadius，现在一切都很完美，有人知道为什么borderRadius会产生这样的延迟吗？

谢谢你的回答，我正在使用其他一些道具，如keyExtractor、initialNumberToRender、，删除了clippedsubviews、maxToRenderPerBatch、updateCellsBatchingPeriod，但在呈现注释的第二个或第三个子项之后，所有内容都变得非常滞后。我删除这些道具只是为了简单。谢谢你的回答，我正在使用其他一些道具，如keyExtractor、initialNumberToRender、RemoveClippedSubview、maxToRenderPerBatch、updateCellsBatchingPeriod，但在呈现第二个或第三个注释子项之后，一切都变得非常滞后。为了简单起见，我去掉了道具

 <Flatlist 
   keyExtractor={(item,index) => index.toString()} // don't forget keyExtractor
   initialNumToRender={10} // Vary According to your screen size take a lumsum according to your item height
   removeClippedSubviews={true}
/>