반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- solanaNFT
- html5포트폴리오예제
- html5예제
- grpc
- 포트폴리오예제
- 이중화
- html5글자효과
- PostgresSQL
- 서버
- 솔라나cookbook
- 웹디자인예제
- nft예제
- 웹예제
- HTML5
- NFT개발
- html5디자인예제
- 솔라나개발
- html5기초
- 솔라나NFT
- html5웹디자인
- html5웹디자인예제
- NFT솔라나
- html5기초예제
- NFT
- 솔라나
- html5popup
- 웹디자인
- 포트폴리오
- pgpool
- html5배경만들기
Archives
- Today
- Total
Scikit Web
NextJS i18N with Use Router 본문
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
반응형
'ReactJS' 카테고리의 다른 글
Error: The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX. (0) | 2023.02.28 |
---|---|
MUI Step UI Custom example (0) | 2023.01.12 |
Javascript Fetch Promise All Request 예제 (0) | 2022.11.01 |
ReactJS 리액트 Custom Hook 만들기 예제 (0) | 2022.06.30 |
Comments