लिंग-आधारित सामग्री / 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 घटक के भीतर लिंग-आधारित सामग्री का उपयोग करने के लिए, react-intlayer पैकेज से useIntlayer हुक को आयात करें और उपयोग करें। यह हुक निर्दिष्ट कुंजी के लिए सामग्री प्राप्त करता है और आपको उपयुक्त आउटपुट चुनने के लिए लिंग पास करने की अनुमति देता है।

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 CLI दस्तावेज़
• React Intlayer दस्तावेज़
• Next Intlayer दस्तावेज़

ये संसाधन विभिन्न वातावरणों और फ्रेमवर्क्स में Intlayer की सेटअप और उपयोग के बारे में और अधिक जानकारी प्रदान करते हैं।

दस्तावेज़ इतिहास