Блог

Когда я нажимаю на выпадающий список «Report1 на вкладке «Отчет», код не загружает компонент Report1Component. Изменяется только URL localhost:3000/report1 -адрес. Как заставить мой компонент загружаться?

Когда я нажимаю на этот URL: localhost:3000/report1 непосредственно в браузере, тогда Report1Component загружается только.

Мой навигационный штрих-код выглядит следующим образом

 <navbar
<item href="/home" name="Home Tab" />
<item  id="report"  name="Report Tab" >
<item id="report1" href="/Report1" name="Report1 dropdown under Report tab" >
<item href="/Report2" id="report2" name="Report2 dropdown under Report tab" >
</item>
</navbar>
 

И мой app.js выглядит ниже (фрагмент)

 <Route path="/Report1" exact component={Report1Component} />
            <Route component={InvalidUrl} />