react-native - React Native 按顺序呈现 ListView

Question

我正在使用以下方法渲染 ListView :

  render() {
    return (
      <ListView
        dataSource={this.state.dataSource}
        renderRow={this.renderRow.bind(this)}/>
    );
  }

和

var dataSource = new ListView.DataSource(
  {rowHasChanged: (r1, r2) => r1.id !== r2.id});
this.state = {
  dataSource: dataSource.cloneWithRows(this.props.deals)
};

我希望能够通过数据源(this.props.deals.distance)上的值对其进行排序。在线查看并通过文档我似乎无法找到一种方法来做到这一点。有什么建议吗？

Answer 1

只需对交易数组进行排序并设置数据源。

let sortedDeals = this.props.deals.sort((a,b) => {
if (a.distance < b.distance) {
    return -1;
  }
  if (a.distance > b.distance) {
    return 1;
  }
  // a must be equal to b
  return 0;
});
let dataSource = dataSource.cloneWithRows(sortedDeals) 
this.setState({
    dataSource: dataSource
});