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
반응형