В настоящее время я использую reactJS для создания интерфейсных компонентов. Объект:
{
"name": "result",
"entity": {
"demand": ["60", "70"],
"supply": ["monaco"],
"country": ["USA", "China"],
"provider": ["TMX", "DataTech"]
}
Здесь я хочу показать сущность как фильтры на панели инструментов. Ценностями объекта могут быть страна, предложение, поставщик, спрос. Теперь, если объект-поставщик отсутствует, он не будет отображаться в фильтрах панели управления. В ответ сущность может иметь любой порядок (без указания c порядок).
Я должен отображать фильтры на моей панели инструментов в определенном порядке. Порядок должен быть
country, supply, provider, demand
Я сделал что-то вроде этого. Он показывает фильтры не в том порядке, который я указал
let array = Object.keys(this.state.response.entity);
if (array.length > 0) {
return array.map((key, index) => {
let newObj = {};
let newArray = [];
let dataCol = array[key];
if (dataCol !== undefined) {
if (Array.isArray(dataCol)) {
for (let j = 0; j < dataCol.length; j++) {
let object = {};
object.value = dataCol[j];
newArray.push(object);
}
newObj[key] = newArray;
}
}
}
}
Как добиться этого порядка?
Это фильтры с некоторыми раскрывающимися значениями. Таким образом, порядок должен быть примерно таким:
спрос поставщика страны