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 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 عمر قره محمد نشر 15 يونيو 2023 أرسل تقرير مشاركة نشر 15 يونيو 2023 ماهي المشكلة التي تواجهها ؟ اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Moaz Zant نشر 15 يونيو 2023 الكاتب أرسل تقرير مشاركة نشر 15 يونيو 2023 عندي اخطاء بأكواد البرمجة في react اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
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 ليتم توافقه مع الاستيراد في الملف الرئيسي الآخر. اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Moaz Zant نشر 15 يونيو 2023 الكاتب أرسل تقرير مشاركة نشر 15 يونيو 2023 شكرا جزيلا اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Moaz Zant
تعديل عنوان السؤال
رابط هذا التعليق
شارك على الشبكات الإجتماعية
4 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.