Как перемещаться между вложенными страницами маршрутизатора по ссылкам, которые принадлежат основному маршрутизатору, пока я нахожусь на страницах вложенного маршрутизатора

Question

У меня есть родительский маршрутизатор. На его странице и на страницах, к которым он ведет. Есть ссылки, которые соединяются со страницами родительского маршрутизатора и страницами вложенного маршрутизатора напрямую. У меня также есть главная страница вложенного маршрутизатора, котораяимеет ссылки, которые подключаются к разным страницам вложенного маршрутизатора реакции. Моя проблема заключается в том, что те же ссылки на родительских страницах маршрутизатора, которые ведут к вложенным страницам маршрутизатора, которые работают отлично, пока я НЕ ВНУТРИ СТРАНИЦЫ ВСТРОЕННОГО МАРШРУТА ......... не подключайтесь, когда я нахожусь во вложенных страницах маршрутизатора, и работают только те ссылки, которые принадлежат вложенному маршрутизатору.Пример: это ссылка на моей главной странице маршрутизатора, которая ведет на одну из страниц вложенного маршрутизатора реакции:

<Link  style={{"textDecoration":"none",
        "color":"white"}} to="/profile/favorites"> <FontAwesomeIcon  icon={['fas', 'heart']}/></Link>

, пока я не на одной из страниц вложенного маршрутизатора (/ profile/ ......) он отлично подключится к своему пути, НО ЕСЛИ я нахожусь внутри любой из вложенных страниц маршрутизатора ........ та же ссылка не будет работать, и только ссылки внутри вложенной страницы маршрутизатора будутпример работы:

<NavLink tag={RRNavLink} className="FontColoring" activeClassName="activeNested" to="/profile/myAds">my adver</NavLink>

ЗАПРОСИТЕ ЗДЕСЬ БОЛЬШЕ КОДА: пожалуйста, игнорируйте арабские буквы, вы можете заменить их на bla bla bla, Ссылки внутри моего вложенного маршрутизатора:

<ListGroup className="text-right d-none d-lg-block">
        <ListGroupItem>
        <NavLink tag={RRNavLink} className="FontColoring" activeClassName="activeNested"  to="/profile/main">حسابى</NavLink>
        </ListGroupItem>
        <ListGroupItem>
        <NavLink tag={RRNavLink} className="FontColoring" activeClassName="activeNested" to="/profile/myAds">اعلاناتك</NavLink>
          </ListGroupItem>
        <ListGroupItem>
        <NavLink tag={RRNavLink} className="FontColoring" activeClassName="activeNested" to="/profile/contacted">العقارات المتواصل بخصوصها</NavLink>
          </ListGroupItem>
        <ListGroupItem>
        <NavLink tag={RRNavLink} className="FontColoring" activeClassName="activeNested" to="/profile/favorites">العقارات المفضلة</NavLink>
          </ListGroupItem>
        <ListGroupItem>
        <NavLink tag={RRNavLink} className="FontColoring" activeClassName="activeNested" to="/profile/notifications">الاشعارات</NavLink>
          </ListGroupItem>
      </ListGroup>

myвложенные маршруты маршрутизации

<Switch > <Route path="/profile/main" component={Main} /> <Route path="/profile/myAds" component={MyAds} /> <Route path="/profile/contacted" component={Contacted} /> <Route path="/profile/favorites" component={Favorites} /> <Route path="/profile/notifications" component={Notifications} /> <Route component={Notfound} /> </Switch>

мои родительские маршруты:

 <Switch> <Route exact path="/" component={App} /> <Route exact path="/realEstate" component={RealEstate} /> <Route path="/about" component={About} /> <Route path="/contact" component={Contact} /> <Route exact path="/newAds" component={NewAds} /> <Route exact path="/specialAds" component={SpecialAds} /> <Route path="/profile/" component={Profile} /> <Route component={Notfound} /> </Switch>

ссылки в моем файле js основного маршрутизатора, которые направляют меня к их вложенным путям, если я не на любой странице вложенного маршрутизатора:

   <PopoverBody className=" pt-4">
          <Link id="PopoverBodyText" style={{"textDecoration":"none"}} onClick={this.toggle3}  to="/profile/main">الملف الشخصى</Link>
        <hr/>
        <Link id="PopoverBodyText" style={{"textDecoration":"none"}} onClick={this.toggle3} 
        to="/profile/contacted">(العقارات المتواصل بخصوصها (0
          </Link>
          <hr/>
          <Link id="PopoverBodyText" onClick={this.toggle3}  style={{"textDecoration":"none"}} 
          to="/profile/notifications">الاشعارات</Link>