代码之家 › 专栏 › 技术社区 › alexdriedger

React Native-无排序数据的平面列表排序

react-native-flatlist react-native javascript

1

alexdriedger · 技术社区 · 9 年前

有办法渲染吗 Flatlist

<FlatList
  data={[{key: 'a'}, {key: 'c'}, {key: 'b'}]}
  renderItem={({item}) => <Text>{item.key}</Text>}
/>

以上代码呈现一个列表

a
c
b

有没有办法让它在不排序数据源的情况下呈现以下内容?

a
b
c

1 回复 | 直到 9 年前

1

2

David rakar 9 年前

基本上你是说,我想要披萨,但不要用香肠、肉之类的。因此,答案是否定的。

为了执行排序和排序,您可以尝试 linq.js

林克。js,简而言之是LINQ for JavaScript。一些特别有用/相关的功能包括:

完成 lazy evaluation
JavaScript(RxJS)和IntelliSense的反应式扩展绑定

另一种选择是使用lodash,据称其性能更好,请参阅 this link 详细信息。

以下是对一些数据进行排序的代码段: LINQ.JS:

var queryResult = $.Enumerable.From(jsonArray)
  .OrderBy(function(x) {
    return x.user.screen_name
  })
  .Select(function(x) {
    return x.user.screen_name + ':' + x.text
  })
  .ToArray();

var queryResults = _.chain(jsonArray)
.sortBy(function (x) { return x.user.screen_name })
.map(function(x) {
    return x.user.screen_name + ':' + x.text
  })
.value();