@alicloud/console-components-intl-core 使用教程 要包含导入 使用 详细步骤

`@alicloud/console-components-intl-core` 是阿里云控制台提供的一种用于国际化功能的核心库。以下是使用它的简要教程：

1. **安装依赖**:
首先，你需要在你的项目中安装该库。如果你使用npm或yarn，可以在命令行中运行：

   npm install @alicloud/console-components-intl-core --save
   # 或者
   yarn add @alicloud/console-components-intl-core

2. **导入组件**:
在需要使用国际化的地方，例如某个React组件内，引入`FormattedMessage`或其他相关的国际化函数或组件：

   import { FormattedMessage, useIntl } from '@alicloud/console-components-intl-core';

通过`useIntl` hook获取国际化的API实例。

3. **配置国际化资源**:
通常情况下，你需要一个JSON文件（如`messages.json`）来存储翻译后的文本，内容结构如下：

   {
     "your_key": "Your translated message",
     ...
   }

将这个文件放在项目的static目录下，或者配置好Webpack等构建工具的全局路径。

4. **使用FormattedMessage**:
在组件中使用`FormattedMessage`来插入本地化消息，它接受两个参数：`id`（字符串键，对应资源文件中的key）和`values`（可选的占位符值）：

   <FormattedMessage id="welcome" values={{ name: 'John' }} />

当用户更改语言设置时，会自动根据当前的语言加载对应的翻译。

5. **动态加载语言**:
如果你想在运行时切换语言，可以使用`useIntl`提供的`changeLanguage`方法：

   const onLanguageChange = (langCode) => {
     intl.changeLanguage(langCode);
   };
   <button onClick={onLanguageChange}>切换语言</button>