eu tenho o seguinte cenário abaixo e quando o componente renderiza o menu não funciona, é como se o javascript de controle não fosse aplicado a ele ( estou usando arquivos js baixados na net de um layout já pronto e importando direto no index.html). Se eu retiro o this.menu.map e coloco o meu direto no código o menu funciona corretamente. Já não sei mais o que faço. Alguém pode me ajudar?
componentWillMount() {
//faço a chamada da api que gera um dispatch na store e gera o render do component container;
}
render() return (
{
this.menu.map(() => (
<li className="">
<a href="#"><i className="fa fa-sitemap fa-fw"></i> Teste<span className="fa arrow"></span></a>
<ul className="nav nav-second-level collapse" aria-expanded="false" style={{ 'height': '0px' }}>
<li>
<a href="#">Second Level Item</a>
</li>
<li>
<a href="#">Second Level Item</a>
</li>
<li>
<a href="#">Third Level <span className="fa arrow"></span></a>
<ul className="nav nav-third-level collapse">
<li>
<a href="#">Third Level Item</a>
</li>
<li>
<a href="#">Third Level Item</a>
</li>
<li>
<a href="#">Third Level Item</a>
</li>
<li>
<a href="#">Third Level Item</a>
</li>
</ul>
</li>
</ul>
</li>
))
});