kingdee-cosmic-clikingdee-cosmic-cli
首页
指南
  • 金蝶云苍穹社区
  • 资源市集
  • KDesign
  • CHATUI X
作者博客
首页
指南
  • 金蝶云苍穹社区
  • 资源市集
  • KDesign
  • CHATUI X
作者博客
  • 起步
    • 介绍
    • 安装与创建
    • 卸载与升级
  • 全局配置
  • 开发事项
    • 介绍
    • 苍穹预览模式
    • RAM模式
  • 生产与产物分析事项
  • 资源拉取策略分析
  • 数据请求策略
    • 策略设计
    • Mock服务
  • React18 起步工程
    • 介绍
    • 接口请求书写
    • 状态管理
    • 国际化
  • Vue3 起步工程
    • 介绍
    • 接口请求书写
    • 状态管理
    • 国际化
  • 主题色切换
  • 图标方案
  • 规范与温馨提示
    • Eslint
    • 工程与编码规范
    • 温馨提示
  • 未来计划与感谢 📅

国际化多语言方案

生产环境的国际化方案采用的是社区提供的方法:自定义控件的多语言开发

主要利用的 API 为 window.KDApi.getLangMsg

但是开发环境没有这个 API,于是做了一层封装来模拟行为,使用例子:

import React, { useContext, useState } from 'react'
import { AppContext } from '@/components/index'

const App: React.FC = () => {
    const { getLangMsg } = useContext(AppContext) // getLangMsg 的用法完全和 window.KDApi.getLangMsg 一致
    return (
        <div>{getLangMsg('lang')}</div>
    )
}

国际化文本维护在 src/lang 文件夹中。

如果不需要国际化,那就不使用这个 API,并且在 index.ts 中注册控件时取消多语言配置 { isMulLang: true }

最近更新:: 2024/6/28 16:20
Contributors: 庞囧
Prev
状态管理