Blazor Server - تمرير المعطيات (Parameters)

Blazor Server - تمرير المعطيات (Parameters)

في Blazor يمكننا تمرير بيانات إلى المكونات (Components) باستخدام خاصية تُسمى Parameters.

🔹 كيفية تعريف Parameter داخل مكون:

نستخدم الـ Attribute [Parameter] فوق الخاصية (Property) داخل المكون.

// ملف WelcomeComponent.razor

<h3>مرحبًا @Name!</h3>

@code {
    [Parameter]
    public string Name { get; set; }
}

🔹 استخدام المكون وتمرير قيمة:

لاستخدام المكون وتمرير قيمة إلى الـ Parameter، نكتبها كخاصية عند استدعاء المكون.

// ملف Index.razor

@page "/"

<h1>الصفحة الرئيسية</h1>

<WelcomeComponent Name="محمود" />

✅ النتيجة: سيظهر النص "مرحبًا محمود!" على الصفحة.

🔹 ملاحظات مهمة:

• يمكن تمرير أنواع مختلفة من البيانات (نصوص، أرقام، كائنات... إلخ).
• يجب أن تكون الخاصية المعلنة بـ [Parameter] public.
• اسم الخاصية حساس لحالة الأحرف (Case Sensitive).