أنا أتدرب على انشاء موقع والان أصبح فيه الكثير من الصفحات والان المكون الذي يحتوي routes أصبح مكتض جدا هل يمكن معالجة ذلك
importReact from 'react';import{Switch,Route} from 'react-router-dom';import nprogress from 'nprogress';//?pagesimportIndex from './pages/index';importQuestions from './pages/footer/questions';importBuyRights from './pages/footer/buyrights';importBuyBooks from './pages/footer/buybooks';importDist from './pages/footer/dist';importPolicy from './pages/footer/policy';importTransAprovals from './pages/footer/transaprovals';importWorkwithus from './pages/footer/workwithus';importContact from './pages/footer/contact';importContactAuth from './pages/footer/contactauth';importTerms from './pages/footer/terms';importFour from './pages/404';importHome from './pages/home';importAbout from './pages/about';importBlog from './pages/blog';importBook from './pages/book';importBooks from './pages/books';importPodcast from './pages/Podcast';importVideos from './pages/videos';importFeaturedBooks from './pages/FeaturedBooks';importFurtherComing from './pages/FurtherComing';importBooksByCategory from './pages/BooksByCategory';importBooksSeries from './pages/BooksSeries';importEvents from './pages/events';importInThePress from './pages/inThePress';importSinglePost from './pages/singlePost';importArabCulture from './pages/ourProjects/arabCultureFestivalInMilan';importDivineComedy from './pages/ourProjects/divineComedy';importStronger from './pages/ourProjects/literatureIsStronger';importTranslation from './pages/ourProjects/translationForum';importPublishConditions from './pages/ourWriters/publishConditions';importWriters from './pages/ourWriters/writers';importAuthor from './pages/ourWriters/Author';importNavbar from './components/layout/Navbar';importTopNavbar from './components/layout/TopNavbar';// import BooksFilter from './components/books/BooksFilter';importFooter from './components/layout/Footer';//?utilimportUp from './util/Up';importSocialButtons from './util/SocialButtons';importScrollToTop from './util/ScrollToTop';import theme from './util/theme';functionApp(props){React.useEffect(()=>{
nprogress.done();return()=>{
nprogress.start();};},[]);return(<><TopNavbar></TopNavbar>{/* <BooksFilter></BooksFilter> */}<SocialButtons></SocialButtons><ScrollToTop></ScrollToTop><Navbar></Navbar><Switch><Route title="index" exact path="/"><Index/></Route><Route title="policy" exact path="/policy"><Policy/></Route><Route title="buyrights" exact path="/buyrights"><BuyRights/></Route><Route title="buybooks" exact path="/buybooks"><BuyBooks/></Route><Route title="dist" exact path="/dist"><Dist/></Route><Route title="transaprovals" exact path="/transaprovals"><TransAprovals/></Route><Route title="Terms" exact path="/terms"><Terms/></Route><Route title="questions" exact path="/questions"><Questions/></Route><Route title="contact" exact path="/contact"><Contact/></Route><Route title="contact" exact path="/contactauth"><ContactAuth/></Route><Route title="workwithus" exact path="/workwithus"><Workwithus/></Route><Route title="podcast" exact path="/podcast"><Podcast/></Route><Route title="videos" exact path="/videos"><Videos/></Route><Route title="featured" exact path="/featured"><FeaturedBooks/></Route><Route title="further" exact path="/furthercoming"><FurtherComing/></Route><Route title="home" exact path="/home"><Home/></Route><Route title="about" exact path="/about"><About/></Route><Route title="blog" exact path="/blog"><Blog/></Route><Route title="single-post" exact path="/singlePost"><SinglePost/></Route><Route title="in the press" exact path="/inThePress"><InThePress/></Route><Route title="book" exact path="/book/:id"><Book/></Route><Route title="books" exact path="/books_by_category"><BooksByCategory/></Route><Route title="books_by_series" exact path="/books_by_series"><BooksSeries/></Route><Route title="books" exact path="/books"><Books/></Route><Route title="author" exact path="/author/:id"><Author/></Route><Route title="events" exact path="/events"><Events/></Route><Route title="arab culture" exact path="/ourProjects/divineComedy"><DivineComedy/></Route><Route title="Translation" exact path="/ourProjects/translationForum"><Translation/></Route><Route title="events" exact path="/ourProjects/arabCultureFestivalInMilan"><ArabCulture/></Route><Route title="Stronger" exact path="/ourProjects/literatureIsStronger"><Stronger/></Route><Route title="publish conditions" exact path="/ourWriters/publishConditions"><PublishConditions/></Route><Route title="writers" exact path="/ourWriters/writers"><Writers/></Route><Route title="404"><Four/></Route></Switch><Up></Up><Footer></Footer></>);}exportdefaultApp;
السؤال
Rayden Storm
أنا أتدرب على انشاء موقع والان أصبح فيه الكثير من الصفحات والان المكون الذي يحتوي routes أصبح مكتض جدا هل يمكن معالجة ذلك
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.