سلام وقتتون بخیر .

مفهومی که شما مورد نظرتون هست با عنوان nested routes در react router-dom شناخته میشه که برای اطلاعات کامل در این مورد میتونید به اینجا مراجعه کنید .

موفق باشید .

یا سلام و احترام

در  nested routes درست می‌فرمایید اما سوال من چیز دیگری بود طبق گفته خو سایت داریم:

و در نهایت برای استفاده:

اما مشکل من به این صورت است که:

 <ul>
               
                <li>
                     <Link  to={`/pagse/about/`} >
                        About
                    Link>
                li>
                <li>
                     <Link 
                        to='/pagse/contact/' >
                        Contact
                    Link>
                li>
 ul>
<Switch>
            <Route path='/pagse/about/' component={About} />
            <Route path='/pagse/contact/'>
                <Contact />
            Route>
Switch>

حالا بعد لز گذشت مدتی متوجه می‌شویم که pages رو اشتباه نوشته ایم و این اشتباه در تمام پروژه مورد استفاده قرار گرفته است.

آیا راه حلی در خود React Router وجود ندارد که که بتوانبم کلمه Pages رو کانفیک کنیم و در صورت نیاز فقط یکجا را تغییر دهیم؟

البته راه حل‌های زیادی وجود دادر مثل استفاده از متغییر‌های محیطی و....