我们可以像这样为 ListView 创建一个数据源
var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
var dataSource = ds.cloneWithRows(['row 1', 'row 2']), };
但是如果我想从数据源中添加项目或删除项目，我该怎么做呢？我是否需要始终使用更新的数组调用 cloneWithRows？
【问题讨论】：
标签： react-native react-native-listview
cloneWithRows(...)
React Native 文档未涵盖 ListViewDataSource 对象，因此阅读 source code 中的 cmets 以了解其工作原理会有所帮助。
一些可能有用的注释：
cloneWithRows(data) 的命名有点误导，因为它不只是像名称所暗示的那样创建数据的克隆。
相反，它会尝试将新的data 行与数据源中的现有行（如果有）进行比较，并确定是否有要插入的新行，或者需要替换或删除的现有行。
源码cmets注意到数据源中的数据在设计上是不可变的，所以改变它的正确方法是指定一个更新的数据源，即调用cloneWithRows(...)。
仅仅为了更改几行而传递整个列表可能看起来不直观，但有几个原因可以说明为什么这样做是有意义的：
首先，它与 React 的整体 flux-based architecture 一致，其中重点是设置状态并允许组件弄清楚如何改变自己以反映新状态（想想 this.props 或 this.state 的工作原理）。您可以在 ListView 组件之外随意更改数据数组，但是一旦您准备好更新组件，将整个状态传递给组件以便它可以自行更新是一种不错的通量方法。
其次，它的效率相当高。 ListView在开始渲染过程之前在 Javascript 中进行大量的行区分，然后在渲染周期中一次渲染一行（您可以adjust this），以减少帧丢失。
第三，这里不排除将来支持像.addRow(..) 这样的方法的可能性。关键是当前的实现并不是一个糟糕的开始，因为它提供了一个基于状态的接口，让开发人员不必担心列表组件如何在状态之间变化。
【讨论】：
如果您查看 React Native 教程中扩展的电影示例，它实现了从远程 API 获取新电影的搜索。这意味着每次搜索都会刷新数据存储，从而有效地添加或删除项目。发生这种情况的确切位置在这里：
getDataSource: function(movies: Array<any>): ListView.DataSource {
return this.state.dataSource.cloneWithRows(movies);
}
https://github.com/facebook/react-native/blob/master/Examples/Movies/SearchScreen.js#L209
所以看起来你的方法是推荐的方法。
【讨论】：