# Router problem Make a sidebar with loop list element

**URL:** https://forum.kirupa.com/t/router-problem-make-a-sidebar-with-loop-list-element/636343
**Category:** Uncategorized
**Created:** [April 1, 2017, 9:53am UTC](https://forum.kirupa.com/t/router-problem-make-a-sidebar-with-loop-list-element/636343 "2017-04-01T09:53:55Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![ayu](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/ayu/32/8336_2.png) [@ayu](https://forum.kirupa.com/u/ayu)
#### Post date: [April 1, 2017, 9:53am UTC](https://forum.kirupa.com/t/router-problem-make-a-sidebar-with-loop-list-element/636343/1 "2017-04-01T09:53:55Z")

</div>

Hi,  
Thank you so much for the React tutorials! I read all and they were very helpful. After reading them, I’m trying to make a Single Page Application with sidebar which show the content on the left.

I wrote a loop list element for sidebar and used Router in the React DOM. I don’t know why but it didn’t work. React debugger didn’t give me any idea what is the problem… Can you help me?

[JSFiddle] ([https://jsfiddle.net/bb5d4yrf/2/](https://jsfiddle.net/bb5d4yrf/2/))

Thank you so much in advance,

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [April 3, 2017, 12:08am UTC](https://forum.kirupa.com/t/router-problem-make-a-sidebar-with-loop-list-element/636343/2 "2017-04-03T00:08:57Z")

</div>

Hi Ayu!  
I’m looking at your JSFiddle. Nothing is currently getting displayed. Is that what I should be seeing, or should I be seeing a page with only a sidebar that doesn’t work?

Cheers,  
Kirupa 🙂

---

<div class="post-metadata">

### Author: ![ayu](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/ayu/32/8336_2.png) [@ayu](https://forum.kirupa.com/u/ayu)
#### Post date: [April 3, 2017, 4:44am UTC](https://forum.kirupa.com/t/router-problem-make-a-sidebar-with-loop-list-element/636343/3 "2017-04-03T04:44:04Z")

</div>

Hi Kirupa!

Thank you for your reply.  
Sorry for lack of my explanation.  
What I want to make is as below. I could show both sidebar and contents before adding router code… X(

 ![](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/e/e1bfa2cbd63fe54857ca7a0692cc9bb0f03b2c55.jpg)

Thank you,  
Ayu
