IntlayerNode प्रकार क्या है?

    IntlayerNode<T> प्रकार एक विशेष प्रकार है जो intlayer के पैकेज जैसे कि next-intlayer, react-intlayer, vue-intlayer, preact-intlayer, solid-intlayer, angular-intlayer, svelte-intlayer, lit-intlayer और vanilla-intlayer द्वारा प्रदान किया जाता है।

    उपयोग का उदाहरण

    src/app.content.tsx
    import { t, type Dictionary } from "intlayer";
import type { ComponentChildren } from "preact";

const appContent = {
  key: "app",
  content: {
    title: "Vite + Preact",
  },
} satisfies Dictionary;

export default appContent;
    src/App.tsx
    import { useIntlayer } from "react-intlayer";const AppContent = () => {const { title } = useIntlayer("app");return title; // प्रकार लौटाता है: IntlayerNode&lt;string&gt;};

    Intlayer एक IntlayerNode क्यों डालता है?

    Intlayer CMS / विजुअल एडिटर के संदर्भ में विजुअल एडिटर सिलेक्टर्स को रेंडर करने में सक्षम होने के लिए एक IntlayerNode डालता है।

    विजुअल एडिटर डेमो

    एक IntlayerNode एक समृद्ध React/Vue/Preact/Solid/Angular/Svelte/Lit/Vanilla नोड है, लेकिन बेस प्रिमिटिव नोड के गुणों तक पहुँचने के लिए भी है।

    उदाहरण के लिए:

    js
    const content = useIntlayer("app");// स्ट्रिंग का मामलाcontent.title; // IntlayerNode&lt;string&gt; लौटाता हैcontent.title.value; // बेस कंटेंट लौटाता है, यहाँ एक स्ट्रिंगcontent.title.toString(); // स्ट्रिंग लौटाता हैcontent.title.toLowerCase(); // स्ट्रिंग लौटाता हैString(content.title); // स्ट्रिंग लौटाता हैcontent.title.toUpperCase(); // अपरकेस स्ट्रिंग लौटाता हैcontent.title.replace("a", "b"); // संशोधित स्ट्रिंग लौटाता है// ...
    IntlayerNode के गुणों तक पहुँचना काम करेगा, लेकिन विजुअल एडिटर में सिलेक्टर्स को प्रदर्शित करने की क्षमता को तोड़ देगा।
    IntlayerNode नंबर, या अन्य प्रकार जैसे कि IntlayerNode<number> को भी लपेट सकता है