Scikit Web

NextJS i18N with Use Router 본문

ReactJS

NextJS i18N with Use Router

Keun0 2022. 8. 1. 20:24
728x90
반응형
import { useRouter } from "next/router";

type ObjType = {
  [key: string]: string;
};

const LANGUAGES_KO: ObjType = {
  hello: "안녕하세요",
};
const LANGUAGES_EN: ObjType = {
  hello: "Hello",
};

const Translate = () => {
  const router = useRouter();

  return (text: string) => {
    let getText = text;
    if (router.locale?.toLocaleLowerCase() === "ko") {
      getText = LANGUAGES_KO[text];
    } else if (router.locale?.toLocaleLowerCase() === "en") {
      getText = LANGUAGES_EN[text];
    } else {
      getText = LANGUAGES_EN[text];
    }
    return getText;
  };
};
export default Translate;

실 사용

import Translate from "../components/translate";




  const t = Translate();

     {t("hello")}
728x90
반응형
Comments