How to bind Child url with Main url in React js

your textStep-1: i want a link tag where if i will click that link tag the content/page will display below the link tag. The content will come from azure blob via a url (“https://docfxhtml.blob.core.windows.net/pocupload/index.html”)– This is the page i want to see after clcking a link tag.
enter image description here

Step-2: Once the output will come, there are few deep link is there(in the step 1 url). If i will click any menu from the this url(https://docfxhtml.blob.core.windows.net/pocupload/index.html) that url will bind with main url(http://localhost:3001/About) and url will look like below if i will click article from the above url and similarly if i will click any link from the blob url it will be change in main url.

e.g.http://localhost:3001/About/Article/pocupload/articles/docfx_getting_started.html

Note : I used below code and the output is coming like this after clicking on About link

Expecting is :

Once the output will come, there are few deep link is there(in the step 1 url). If i will click any menu from the this url(https://docfxhtml.blob.core.windows.net/pocupload/index.html) that url will bind with main url(http://localhost:3001/About) and url will look like below if i will click article from the above url and similarly if i will click any link from the blob url it will be change in main url.