useDictionary Hook दस्तावेज़

useDictionary hook आपको एक ऐसी object को प्रोसेस करने की अनुमति देता है जो एक dictionary जैसी दिखती है (जिसमें keys और content हों) और इसके भीतर translations, enumerations आदि को handle करे। useIntlayer के विपरीत, जो generated dictionary declarations के साथ काम करने के लिए डिज़ाइन किया गया है, useDictionary अधिक flexible है और किसी भी object के साथ उपयोग किया जा सकता है जो dictionary structure का पालन करता है।

React में उदाहरण उपयोग

नीचे एक उदाहरण दिया गया है कि कैसे useDictionary हुक को एक React कंपोनेंट में उपयोग किया जाए:

import type { FC } from "react";
import { useDictionary } from "react-intlayer";
import componentContent from "./component.content";

const ComponentExample: FC = () => {
  const { title, content } = useDictionary(componentContent);

  return (
    <div>
      <h1>{title}</h1>
      <p>{content}</p>
    </div>
  );
};

अतिरिक्त सुझाव

• टाइप सुरक्षा: अपने शब्दकोशों को परिभाषित करने के लिए हमेशा Dictionary का उपयोग करें ताकि टाइप सुरक्षा सुनिश्चित हो सके।
• स्थानीयकरण अपडेट्स: जब कंटेंट अपडेट करें, तो सुनिश्चित करें कि सभी लोकल्स संगत हों ताकि अनुवाद गायब न हों।

यह दस्तावेज़ useDictionary हुक के इंटीग्रेशन पर केंद्रित है, जो स्थानीयकृत कंटेंट को प्रबंधित करने के लिए एक सुव्यवस्थित दृष्टिकोण प्रदान करता है, बिना विज़ुअल एडिटर की कार्यक्षमताओं पर निर्भर हुए।