在 React 本机 listView 中对 Firebase 数据库中的项目进行排序/排序

Question

我有一个从 Firebase 数据库中提取的项目列表，我需要在我的 react 本机应用程序中按字母顺序对它们进行排序/排序。所以这是我正在使用的代码：

listenForItems(itemsRef) {
        itemsRef.on('value', (snap) => {

            let items = [];
            snap.forEach((child) => {
                items.push({
                    name: child.val().name,
                    _key     : child.key
                });
            });

            this.setState({
                dataSource: this.state.dataSource.cloneWithRows(items)
            });

        }); 
    }


render() {
        return (
                <ListView
                    automaticallyAdjustContentInsets={true}
                    dataSource={this.state.dataSource}
                    renderRow={this._renderItem.bind(this.props)}
                    enableEmptySections={true}/>
        );
    }

我找到了这个http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-query，但我真的不知道如何使用数据源的排序方法。有什么帮助吗？我也愿意接受任何其他解决方案来对 react native listview 中的项目进行排序。

Answer 1

在将列表应用到数据集之前，只需使用 Array.prototype.sort 对列表进行排序。我暂时删除了 RN 代码，因为它破坏了 sn-p。

let items = [{
  name: 'Z'
}, {
  name: 'A'
}, {
  name: 'Y'
}];

let sorted = items.sort((a, b) => {
  if (a.name < b.name) {
    return -1;
  }
  if (a.name > b.name) {
    return 1;
  }
  return 0;
});

console.log(sorted)