أحاول إستعمال مكتبة React-router لإضافة ميزة التنقل بين الصفحات في أحد مشاريع React.js ولكن عندما قمت بإنشاء بعض المسارات Routes ظهر لي الخطأ التالي:
Error: A Route is only ever to be used as the child of element, never rendered directly. Please wrap your Route in a Routes.
لم أفهم سبب الخطأ، وما معني "wrap your Route in a Routes"
هنا الكود الخاص بي:
import{Route} from "react-router-dom";functionApp(){return(<div><Route path ="/"><div>HomePage</div></Route><Route path ="/about"><div>AboutUsPage</div></Route></div>);}exportdefaultApp;
وقمت بالتأكد من إضافة BrowserRouter إلى المشروع:
importReactDOM from 'react-dom';import{BrowserRouter} from 'react-router-dom';importApp from "./App";ReactDOM.render(<BrowserRouter><App/></BrowserRouter>,
document.getElementById('root'));
السؤال
Emad Saif
أحاول إستعمال مكتبة React-router لإضافة ميزة التنقل بين الصفحات في أحد مشاريع React.js ولكن عندما قمت بإنشاء بعض المسارات Routes ظهر لي الخطأ التالي:
Error: A Route is only ever to be used as the child of element, never rendered directly. Please wrap your Route in a Routes.
لم أفهم سبب الخطأ، وما معني "wrap your Route in a Routes"
هنا الكود الخاص بي:
وقمت بالتأكد من إضافة BrowserRouter إلى المشروع:
رابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.