Moaz Zant نشر 15 يونيو 2023 أرسل تقرير نشر 15 يونيو 2023 (معدل) path:'',element:<layout/>, children:[ {path:true, element:<home/>} {path:true, element:<navbar/>} {path:true, element:<login/>} {path:true, element:<register/>} {path:true, element:<movies/>} {path:true, element:<layout/>} {path:true, element:<footer/>} {path:"*", element: <notfound/>} ] return ( <> <routerprovider router=(routes)></routerprovider> </> ); export default app; تم التعديل في 15 يونيو 2023 بواسطة Mustafa Suleiman تعديل عنوان السؤال 1 اقتباس
0 Moaz Zant نشر 15 يونيو 2023 الكاتب أرسل تقرير نشر 15 يونيو 2023 عندي اخطاء بأكواد البرمجة في react اقتباس
0 Mustafa Suleiman نشر 15 يونيو 2023 أرسل تقرير نشر 15 يونيو 2023 هناك عدة أخطاء في الكود، وإليك الكود بعد التعديل: import React from 'react'; import { RouterProvider } from 'react-router-dom'; import Layout from './Layout'; import Home from './Home'; import Navbar from './Navbar'; import Login from './Login'; import Register from './Register'; import Movies from './Movies'; import Footer from './Footer'; import NotFound from './NotFound'; const routes = [ { path: '', element: <Layout />, children: [ { path: '/', element: <Home /> }, { path: '/navbar', element: <Navbar /> }, { path: '/login', element: <Login /> }, { path: '/register', element: <Register /> }, { path: '/movies', element: <Movies /> }, { path: '/footer', element: <Footer /> }, { path: '*', element: <NotFound /> } ]} ]; const App = () => { return ( <> <RouterProvider router={routes} /> </> ); } export default App; اولاً قمت باستيراد المكونات اللازمة بشكل صحيح من خلال استخدام عبارة import، ولاحظ أنه يجب استيراد كل مكون منفصل عن طريق تحديد المسار الصحيح لكل ملف. وتحديد أسماء المكونات بشكل صحيح وفقًا للاستيراد الصحيح لكل مكون. وانتبه إلى أنه تم استخدام علامة زوجية غير صحيحة <layout/>، والعلامة الزوجية الصحيحة هي <Layout />، وذلك بتحديد الحرف الأول كبيرًا للتأكيد على أنها مكون. ثم قمت بتحديد الخصائص الصحيحة لكل مسار في الكائن routes، باستخدام خاصية path لتحديد العنوان المرتبط بكل مكون، وخاصية element لتعيين المكون المرتبط بهذا العنوان. وفي النهاية تعديل عنوان التصدير النهائي للتطبيق من app إلى App ليتم توافقه مع الاستيراد في الملف الرئيسي الآخر. اقتباس
السؤال
Moaz Zant
تعديل عنوان السؤال
4 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.