<div className="reference-container">
<div className="reference-container-panel">
{isToolsVisible && <div className="tools"></div>}
{isSeracpPanleVisible && <div className="searchPanel"</div>}
</div>
<div className="mainContent"></div>
</div>.reference-container {
height: 100%;
display: grid;
grid-template-rows: max-content 1fr;
}
.reference-container-panel {
display: grid;
grid-auto-rows: max-content;
}
.reference-container-panel:empty {
display: none;
}
.tools {
height: 100px;
}
.searchPanel {
height: 50px;
}
let arr = [
[2, 2, 2, 9, 7],
[7, 7, 2, 5, 8]
];
console.log(arr
.reduce((a, line) => [...a, ...line], [])
.reduce((a, val) => {
let key = a.indexOf(val);
if(key >= 0) {
a[key] += val;
} else {
a.push(val);
}
return a;
}, [])
);
// [4, 4, 9, 14, 7, 5, 8]