i18n如何传递参数显示，配置文件与使用

在 React i18n 中，你可以在代码中使用 `t` 函数，并传递一个包含变量的对象作为第二个参数来替换占位符。具体来说，你可以这样做：

在语言配置文件（比如 `en.json`）中，你可以定义一个包含占位符的翻译字符串，例如：

{
  "greeting": "Hello, {name}!"
}

在你的代码中，你可以使用 `t` 函数来获取翻译字符串，并传递一个包含变量的对象作为第二个参数来替换占位符，例如：

import { useTranslation } from 'react-i18next';

function Greeting(props) {
  const { t } = useTranslation();
  return <div>{t('greeting', { name: props.name })}</div>;
}

export default Greeting;

在这个例子中，`{name}` 是一个占位符，它将在运行时被替换为 `props.name` 的值。

这样，当你在应用程序中使用 `<Greeting name="Alice" />` 时，会显示 "Hello, Alice!"。

这种方法可以用于任何需要在翻译字符串中传递变量的情况，而不仅仅是问候语。记得在语言配置文件中定义占位符，以便在代码中使用 `t` 函数时，可以正确地替换占位符。

相关问题

springboot i18n的配置参数

Spring Boot 中实现国际化的方式是通过配置 MessageSource 来实现的。以下是配置参数的说明：

1. spring.messages.basename：指定消息资源文件的基础名称，不需要带 .properties 扩展名。默认值为 messages。

2. spring.messages.encoding：指定消息资源文件的编码，默认值为 UTF-8。

3. spring.messages.cache-duration：指定加载的消息资源缓存的时间，单位为秒。默认值为 -1，表示永久缓存。

4. spring.messages.fallback-to-system-locale：指定是否回退到系统默认的语言环境。默认值为 true。

5. spring.messages.always-use-message-format：指定是否强制使用 MessageFormat 格式化消息。默认值为 false。

6. spring.messages.use-code-as-default-message：指定当找不到对应的消息时是否使用消息代码作为默认消息。默认值为 false。

在配置文件中，可以通过在 application.properties 或 application.yml 中添加配置项来设置 MessageSource 的相关参数。例如：

# 设置消息源文件的基础名称为 i18n
spring.messages.basename=i18n

# 设置消息源文件的编码为 UTF-8
spring.messages.encoding=UTF-8

# 设置消息缓存时间为 60 秒
spring.messages.cache-duration=60

# 关闭回退到系统默认语言环境的功能
spring.messages.fallback-to-system-locale=false

# 强制使用 MessageFormat 格式化消息
spring.messages.always-use-message-format=true

# 找不到对应的消息时使用消息代码作为默认消息
spring.messages.use-code-as-default-message=true

在上面的例子中，我们将消息源文件的基础名称设置为 i18n，将编码设置为 UTF-8，设置消息缓存时间为 60 秒，关闭回退到系统默认语言环境的功能，强制使用 MessageFormat 格式化消息，找不到对应的消息时使用消息代码作为默认消息。

那i18n的语言配置文件中如何接收呢

在 i18n 的语言配置文件中，你可以这样写：

{
  "SignIn": {
    "emailSent": "Email was sent to {emailInfo} at {dateTime}"
  }
}

在这里，`{emailInfo}` 和 `{dateTime}` 也是占位符，它们将在代码中被替换为具体的值。

当你在代码中使用 `t("SignIn.emailSent", { emailInfo: "example@example.com", dateTime: new Date().toLocaleString() })` 时，React i18n 会从语言配置文件中找到对应的翻译，并使用传递给 `t` 函数的第二个参数中的变量值替换占位符。

这样，你就可以轻松地管理多语言应用程序中的文本了。