在React Native中按userId对JSON URL进行分组

Question

使用此JSON文件https://jsonplaceholder.typicode.com/posts和React Native，页面应显示按UserId分组的帖子，如下所示：

• 用户ID：1
  • 后
  • 后
• 用户ID：2
  • 发布
  • 后
• ...

如何做到这一点？

Answer 1

您可以在 react-native ：

上查看以下链接

  

https://www.npmjs.com/package/json-groupby

以下是我的例子：

import React from 'react';
import { Text, StyleSheet, View } from 'react-native';
import groupBy from 'json-groupby';

const data = [...your data array];

class App extends React.Component { 
    render(){
        console.log('original data:', data);
        var after = groupBy(data, ['userId']);
        console.log('after groupby:', after);

        return(
            <View>
                <Text>Hello World!</Text>
            </View>
        );
    }
}

  

groupBy之后的结果：

  

有关详细信息，请阅读文档。   https://www.npmjs.com/package/json-groupby