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

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

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

import { t, type Dictionary } from "intlayer";
import type { ComponentChildren } from "preact";

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

export default appContent;

import { useIntlayer } from "react-intlayer";const AppContent = () => {  const { title } = useIntlayer("app");  return title; // प्रकार लौटाता है: IntlayerNode<string>};

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

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

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

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

const content = useIntlayer("app");// स्ट्रिंग का मामलाcontent.title; // IntlayerNode<string> लौटाता हैcontent.title.value; // बेस कंटेंट लौटाता है, यहाँ एक स्ट्रिंगcontent.title.toString(); // स्ट्रिंग लौटाता हैcontent.title.toLowerCase(); // स्ट्रिंग लौटाता हैString(content.title); // स्ट्रिंग लौटाता हैcontent.title.toUpperCase(); // अपरकेस स्ट्रिंग लौटाता हैcontent.title.replace("a", "b"); // संशोधित स्ट्रिंग लौटाता है// ...

IntlayerNode के गुणों तक पहुँचना काम करेगा, लेकिन विजुअल एडिटर में सिलेक्टर्स को प्रदर्शित करने की क्षमता को तोड़ देगा।

IntlayerNode नंबर, या अन्य प्रकार जैसे कि IntlayerNode<number> को भी लपेट सकता है