React Native：我可以單獨呈現列表中的組件嗎？

Question

我正在爲我的原生應用程序構建一個CommentList組件。

我有一個嵌套的評論json，從中解析並呈現評論組件的列表，其中有嵌套的子評論組件。

問題是這個遞歸操作太長了。

我想要做的是一次渲染一個嵌套評論樹，以便第一個嵌套評論樹在加載後立即顯示，然後繼續渲染其他評論。

目前我做的：

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

來等待，直到每一個註釋組件被創建，然後使他們所有的 - 這需要很長時間

Answer 1

當渲染列表反應原生（特別是大名單），那麼不使用map（）函數輸出列表，而應該使用內置的反應本地列表組件。

如果你使用的反應機版本0.43或更高版本，那麼你可以訪問新FlatList組件：https://facebook.github.io/react-native/docs/flatlist.html

如果沒有，那麼你將不得不使用ListView組件： https://facebook.github.io/react-native/docs/listview.html

我強烈推薦FlatList組件，它設置起來會更容易，而且ListView組件將來最終會被棄用。