Javascript React Native:我可以单独呈现列表中的组件吗?

Javascript React Native:我可以单独呈现列表中的组件吗?,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我正在为我的react本机应用程序构建CommentList组件 我有一个带有嵌套注释的json,我从中解析并呈现一个注释组件列表,其中包含嵌套的子注释组件 问题是这个递归操作花费的时间太长 我想做的是一次呈现一个嵌套注释树,这样第一个嵌套注释树在加载后立即显示,然后继续呈现其他注释 目前我有: return this.state.fetchedComments.map(comment => { return <NestedComment key={comment.id} p

我正在为我的react本机应用程序构建CommentList组件

我有一个带有嵌套注释的json,我从中解析并呈现一个注释组件列表,其中包含嵌套的子注释组件

问题是这个递归操作花费的时间太长

我想做的是一次呈现一个嵌套注释树,这样第一个嵌套注释树在加载后立即显示,然后继续呈现其他注释

目前我有:

return this.state.fetchedComments.map(comment => {
    return <NestedComment key={comment.id} parent={comment} />;
});
返回此.state.fetchedComments.map(comment=>{
返回;
});

它会等待每个注释组件被创建,然后将它们全部呈现-在react native中呈现列表(尤其是大列表)时,这会花费很长时间,因此不要使用map()函数输出列表,而应该使用react native中内置的列表组件

如果您使用的是react原生版本0.43或更高版本,则您可以访问新的平面列表组件:

如果没有,则必须使用ListView组件:


我强烈推荐FlatList组件,它更容易设置,并且ListView组件最终将在将来被弃用。

如果您有一个简单的列表,例如