从 api 获取数据并在 react 中重新排列答案

【问题标题】：Fetch data from api and rearrange it in react从 api 获取数据并在 react 中重新排列
【发布时间】：2020-12-16 10:16:56
【问题描述】：

大家好，我在从 api 获取这个 Json 值时遇到问题

Json-

{
"level1":["a","b","c"],
"section":["a","b","c","d"],
"class":["a","b","c","d","e","f"],
"level2":["a","b"]
}

我需要将带有值对的关卡重新排列到一个下拉框中，格式为

class
section
level1 
level2

这是获取所有过滤器的过滤器方法

filter = () => {
return Object.keys(this.props.Filters);
};

我能够从 API 中获取详细信息，但无法重新安排任何人都可以帮助我了解如何执行此操作，因为我是这方面的初学者，这会很有帮助。

【问题讨论】：

标签： json reactjs api sorting axios

【解决方案1】：

一种解决方案是如下创建一个新对象，然后将其传递给您的过滤器方法。

const rearranged_object = {
    class: your_object.class,
    section: your_object.section,
    level1: your_object.level1,
    level2: your_object.level2
}

Check it out

【讨论】：

【解决方案2】：

我已经为你创建了一个简单的 sn-p -

var data = {
"level1":["a","b","c"],
"section":["a","b","c","d"],
"class":["a","b","c","d","e","f"],
"level2":["a","b"]
} 

var formattedData = Object.entries(data)

formattedData.sort(function (a, b) {
    return b[1].length - a[1].length ;
});

console.log(Object.fromEntries(formattedData))

【讨论】：