جلب الدوال

import type { Dictionary } from "intlayer";

const functionContent = {
  key: "function_content",
  content: {
    text: () => "This is the content rendered by a function",
  },
} satisfies Dictionary;

export default functionContent;

import { setTimeout } from "node:timers/promises";
import type { Dictionary } from "intlayer";

const fakeFetch = async (): Promise<string> => {
  // الانتظار لمدة 200 مللي ثانية لمحاكاة جلب البيانات من الخادم
  return await setTimeout(200).then(
    () => "هذا هو المحتوى الذي تم جلبه من الخادم"
  );
};

const asyncFunctionContent = {
  key: "async_function",
  content: { text: fakeFetch },
} satisfies Dictionary;

export default asyncFunctionContent;

import type { FC } from "react";
import { useIntlayer } from "react-intlayer";

const MyComponent: FC = () => {
  const functionContent = useIntlayer("function_content");
  const asyncFunctionContent = useIntlayer("async_function_content");

  return (
    <div>
      <p>{functionContent.text}</p>
      {/* المخرجات: هذا هو المحتوى الذي تم عرضه بواسطة دالة */}
      <p>{asyncFunctionContent.text}</p>
      {/* المخرجات: هذا هو المحتوى الذي تم جلبه من الخادم */}
    </div>
  );
};

export default MyComponent;