استخدم مساعدك المفضل للملخص واستخدم هذه الصفحة والموفر AI الذي تريده
بدءاً من الدمج مع خادم MCP Intlayer ، يمكن لمساعدك الذكي الاسترجاع من جميع المستندات مباشرة من ChatGPT ، DeepSeek ، Cursor ، VSCode ، إلخ.
عرض الوثائق الخاصة بالخادم MCPتمت ترجمة محتوى هذه الصفحة باستخدام الذكاء الاصطناعي.
اعرض آخر نسخة المحتوى الأصلي باللغة الإنكليزيةإذا كان لديك فكرة لتحسين هذه الوثيقة، فلا تتردد في المساهمة من خلال تقديم طلب سحب على GitHub.
رابط GitHub للتوثيقنسخ الـ Markdown من المستند إلى الحافظة
المحتوى القائم على النوع الاجتماعي / النوع في Intlayer
كيف يعمل النوع الاجتماعي
في Intlayer، يتم تحقيق المحتوى القائم على النوع الاجتماعي من خلال دالة gender، التي تربط قيم النوع المحددة ('male'، 'female') بالمحتوى المقابل لها. تتيح لك هذه الطريقة اختيار المحتوى ديناميكيًا بناءً على النوع المعطى. عند التكامل مع React Intlayer أو Next Intlayer، يتم اختيار المحتوى المناسب تلقائيًا وفقًا للنوع المقدم أثناء وقت التشغيل.
إعداد المحتوى القائم على النوع الاجتماعي
لإعداد المحتوى القائم على النوع الاجتماعي في مشروع Intlayer الخاص بك، قم بإنشاء وحدة محتوى تتضمن تعريفات النوع الخاصة بك. فيما يلي أمثلة بصيغ مختلفة.
نسخ الكود إلى الحافظة
import { gender, type Dictionary } from "intlayer";const myGenderContent = { key: "my_key", content: { myGender: gender({ male: "محتواي للمستخدمين الذكور", female: "محتواي للمستخدمين الإناث", fallback: "محتواي عندما لا يتم تحديد النوع", // اختياري }), },} satisfies Dictionary;export default myGenderContent;
إذا لم يتم إعلان قيمة بديلة، فسيتم أخذ آخر مفتاح معلن كقيمة بديلة إذا لم يتم تحديد النوع أو لم يتطابق مع أي نوع معرف.
استخدام المحتوى المعتمد على النوع مع React Intlayer
لاستخدام المحتوى المعتمد على النوع داخل مكون React، قم باستيراد واستخدام الخطاف useIntlayer من حزمة react-intlayer. يقوم هذا الخطاف بجلب المحتوى للمفتاح المحدد ويسمح لك بتمرير النوع لاختيار المخرجات المناسبة.
نسخ الكود إلى الحافظة
import type { FC } from "react";import { useIntlayer } from "react-intlayer";const GenderComponent: FC = () => { const { myGender } = useIntlayer("my_key"); return ( <div> <p> { /* المخرجات: محتواي للمستخدمين الذكور */ myGender("male") } </p> <p> { /* المخرجات: محتواي للمستخدمين الإناث */ myGender("female") } </p> <p> { /* المخرجات: محتواي للمستخدمين الذكور */ myGender("m") } </p> <p> { /* المخرجات: محتواي للمستخدمين الإناث */ myGender("f") } </p> <p> { /* المخرجات: محتواي عندما لا يتم تحديد النوع */ myGender("") } </p> <p> { /* المخرجات: محتواي عندما لا يتم تحديد النوع */ myGender(undefined) } </p> </div> );};export default GenderComponent;
موارد إضافية
لمزيد من المعلومات التفصيلية حول التهيئة والاستخدام، يرجى الرجوع إلى الموارد التالية:
توفر هذه الموارد رؤى إضافية حول إعداد واستخدام Intlayer عبر بيئات وأُطُر عمل مختلفة.
تاريخ الوثيقة
الإصدار | التاريخ | التغييرات |
---|---|---|
5.7.2 | 2025-07-27 | تقديم المحتوى المعتمد على الجنس |