How to build a side toggle menu respond to header menu in React
<p>All:</p>

<p>Im pretty new to React, I wonder how can I implement a Header Menu + Side Menu component layout in React?</p>

<p>It should be something like:
<a href="https://i.stack.imgur.com/NXm68.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NXm68.png" alt="enter image description here"></a></p>

<p>Click the orange header menu item, according side menu(the dark grey part on the left, there is no the dark grey part shown initial, only show when click according item in the header menu) will show up, click same item again, it will slide left to toggle. And the content area will auto scale.</p>

<p>Any help about how to implement this will be appreciated, it does not have to be a total solution, somethign like how to click and side menu toggle slide out or how scale the right side when left side menu slide out, or something like that.</p>

<p>Thanks</p>