كيفية إضافة routes مع parameters في React - Gatsby؟

غرض تمرير بيانات في المسار هو لجعل الصفحة تظهر بشكل ديناميكي غير ثابت , ولفعل هذا في مكتبة gatspy ستحتاج الواجهة createPage لبناء أي صفحات ديناميكية و متغيرة (مثل صفحات البروفايل أو صفحة المنتج أو المقالة و غيرها) , في حين أن كل الصفحات الثابتة تبنى و تصدر بطريقة عادية بداخل src/pages . 

مثال عملي : 

بداخل ملف gatsby-node.js نقوم بتصدير الثابت createPages على هذا النحو : 

export const createPages = ({ actions }) => {
  const { createPage } = actions;

  createPage({
    // تعريف المسار
    path: '/users/YOURID',
    
    // تعريف المكون المعاد في المسار
    component: YourRelatedComponent,

    // إرسال بيانات مخصصة للمكون 
    context: {
      userID: 'YOURID',
    },
    
  });
};

ثم يمكنك الوصول للبيانات الممررة بشكل عادي .  

إقرأ أكثر عن إنشاء و تعديل الصفحات في Gatspy  هنا.