Skip to content

Commit cf604d2

Browse files
weareoutmanweareoutman
committed
Update i18n usage
1 parent 9e9b0ec commit cf604d2

File tree

2 files changed

+36
-24
lines changed
  • docs/concepts
  • i18n/zh/docusaurus-plugin-content-docs/current/concepts

2 files changed

+36
-24
lines changed

‎docs/concepts/i18n.md‎

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -91,10 +91,10 @@ bricks/*/
9191
import React from "react";
9292
import { createDecorators } from "@next-core/element";
9393
import { ReactNextElement } from "@next-core/react-element";
94-
import { useTranslation, initializeReactI18n } from "@next-core/i18n/react";
95-
import { K, NS, locales } from "./i18n.js";
94+
import { initializeI18n } from "@next-core/i18n";
95+
import { K, NS, locales, t } from "./i18n.js";
9696
97-
initializeReactI18n(NS, locales);
97+
initializeI18n(NS, locales);
9898
9999
const { defineElement } = createDecorators();
100100
@@ -106,7 +106,6 @@ class SayHello extends ReactNextElement {
106106
}
107107
108108
export function SayHelloComponent() {
109-
const { t } = useTranslation(NS);
110109
return (
111110
<div>
112111
{t(K.HELLO)},{t(K.WORLD)}
@@ -118,6 +117,8 @@ export { SayHello };
118117
```
119118

120119
```ts
120+
import { i18n } from "@next-core/i18n";
121+
121122
export enum K {
122123
HELLO = "HELLO",
123124
WORLD = "WORLD",
@@ -137,6 +138,8 @@ export const NS = "bricks/demo-basic/say-hello";
137138
138139
export const locales = { en, zh };
139140
141+
export const t = i18n.getFixedT(null, NS);
142+
140143
type Locale = { [key in K]: string };
141144
```
142145

@@ -146,10 +149,9 @@ type Locale = { [key in K]: string };
146149

147150
```ts
148151
import { i18n, initialize18n } from "@next-core/i18n";
149-
import { K, NS, locales } from "./i18n.js";
152+
import { K, NS, locales, t } from "./i18n.js";
150153
151154
initialize18n(NS, locales);
152-
const t = i18n.getFixedT(null, NS);
153155
154156
console.log(t(K.HELLO));
155157
```
@@ -160,15 +162,18 @@ console.log(t(K.HELLO));
160162

161163
```tsx
162164
// ../say-goodbye/index.tsx
163-
import { K, NS, locales } from "./i18n.js";
164-
import { K as K2, NS as NS2, locales as locales2 } from "../say-hello/i18n.js";
165+
import { K, NS, locales, t } from "./i18n.js";
166+
import {
167+
K as K2,
168+
NS as NS2,
169+
locales as locales2,
170+
t as t2,
171+
} from "../say-hello/i18n.js";
165172
166-
initializeReactI18n(NS, locales);
167-
initializeReactI18n(NS2, locales2);
173+
initializeI18n(NS, locales);
174+
initializeI18n(NS2, locales2);
168175
169176
export function SayGoodbyeComponent() {
170-
const { t } = useTranslation(NS);
171-
const { t: t2 } = useTranslation(NS2);
172177
return (
173178
<div>
174179
{t(K.GOODBYE)},{t2(K2.WORLD)}

‎i18n/zh/docusaurus-plugin-content-docs/current/concepts/i18n.md‎

Lines changed: 19 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -85,14 +85,16 @@ bricks/*/
8585

8686
### 在 React 组件中使用国际化 {#i18n-with-react}
8787

88+
在 React 组件中使用国际化：
89+
8890
```tsx {4,5,7,19,22}
8991
import React from "react";
9092
import { createDecorators } from "@next-core/element";
9193
import { ReactNextElement } from "@next-core/react-element";
92-
import { useTranslation, initializeReactI18n } from "@next-core/i18n/react";
93-
import { K, NS, locales } from "./i18n.js";
94+
import { initializeI18n } from "@next-core/i18n";
95+
import { K, NS, locales, t } from "./i18n.js";
9496
95-
initializeReactI18n(NS, locales);
97+
initializeI18n(NS, locales);
9698
9799
const { defineElement } = createDecorators();
98100
@@ -104,7 +106,6 @@ class SayHello extends ReactNextElement {
104106
}
105107
106108
export function SayHelloComponent() {
107-
const { t } = useTranslation(NS);
108109
return (
109110
<div>
110111
{t(K.HELLO)},{t(K.WORLD)}
@@ -116,6 +117,8 @@ export { SayHello };
116117
```
117118

118119
```ts
120+
import { i18n } from "@next-core/i18n";
121+
119122
export enum K {
120123
HELLO = "HELLO",
121124
WORLD = "WORLD",
@@ -135,6 +138,8 @@ export const NS = "bricks/demo-basic/say-hello";
135138
136139
export const locales = { en, zh };
137140
141+
export const t = i18n.getFixedT(null, NS);
142+
138143
type Locale = { [key in K]: string };
139144
```
140145

@@ -144,10 +149,9 @@ type Locale = { [key in K]: string };
144149

145150
```ts
146151
import { i18n, initialize18n } from "@next-core/i18n";
147-
import { K, NS, locales } from "./i18n.js";
152+
import { K, NS, locales, t } from "./i18n.js";
148153
149154
initialize18n(NS, locales);
150-
const t = i18n.getFixedT(null, NS);
151155
152156
console.log(t(K.HELLO));
153157
```
@@ -158,15 +162,18 @@ console.log(t(K.HELLO));
158162

159163
```tsx
160164
// ../say-goodbye/index.tsx
161-
import { K, NS, locales } from "./i18n.js";
162-
import { K as K2, NS as NS2, locales as locales2 } from "../say-hello/i18n.js";
165+
import { K, NS, locales, t } from "./i18n.js";
166+
import {
167+
K as K2,
168+
NS as NS2,
169+
locales as locales2,
170+
t as t2,
171+
} from "../say-hello/i18n.js";
163172
164-
initializeReactI18n(NS, locales);
165-
initializeReactI18n(NS2, locales2);
173+
initializeI18n(NS, locales);
174+
initializeI18n(NS2, locales2);
166175
167176
export function SayGoodbyeComponent() {
168-
const { t } = useTranslation(NS);
169-
const { t: t2 } = useTranslation(NS2);
170177
return (
171178
<div>
172179
{t(K.GOODBYE)},{t2(K2.WORLD)}

0 commit comments

Comments
 (0)