<div className="page">
<Sidebar />
<div className="page-content">
<Menu />
<div>
<Switch>
<Route
exact
path="/dashboard/dash"
component={DashboardComponent}
/>
<Route exact path="/dashboard/account_info" component={Account} />
</Switch>
</div>
</div>
</div>
const content = sidebar ? (
Object.keys(sidebar).map(element => {
const className = `icon ${sidebar[element].icon}`;
const url = sidebar[element].url;
return (
<li key={element}>
<NavLink to={url} exact activeClassName="active">
<i className={className} />
<span className="text">{sidebar[element].text}</span>
</NavLink>
</li>
);
})
) : (
<div>Loading, please, waits</div>
);
renderList = () => {
let components = this.props.components;
return Object.keys(components).forEach(function (key) {
Object.keys(components[key]).forEach(function (key_1) {
return (
<div>
<div className="comp">{components[key][key_1].comp}</div>
<div className="name">{components[key][key_1].name}</div>
</div>
)
})
})
};
<div>{this.renderList()}</div>