Solution 1 :

You are looking for the ROUTING and rendering components based on the url params 🙂
You click some tabs -> Your URL params are getting changed and differents components are getting rendered

 <Route path={`${path}`} exact component={Profile} />
 <Route path={`${path}/comments`} component={Comments} />
 <Route path={`${path}/contact`} component={Contact} />

Example I found ->

Problem :

enter image description here

I am trying to design the page structure as shown in the image attached. On selection of the the option A I want to show the content related to the option selected from the sidebar with in the same page (without redirecting to new page). [React].