泉州wap网站制作,线上营销的优势,北京网站设计提供商,网页设计的元素英文组件的通用解决方案
这里以分页插件为例#xff1a;
大家可以看到#xff0c;最后的这个页面跳转提示文字为Go to#xff0c;不是中文#xff0c;而官网里面的案例则是#xff1a; 解决方案#xff1a;
import { ConfigProvider } from antd;
import zhCN from an…英文组件的通用解决方案
这里以分页插件为例
大家可以看到最后的这个页面跳转提示文字为Go to不是中文而官网里面的案例则是 解决方案
import { ConfigProvider } from antd;
import zhCN from antd/lib/locale/zh_CN;然后在分页组件或者其他组件例如日期组件外套上一层
ConfigProvider locale{zhCN}Pagination/
/ConfigProvider结果如下 如果你想全局生效如果是React项目就可以在layouts目录下的模板页面全局套一层即可这样所有的组件都会根据你的多语言设置来做出对应变化。
import zhCN from antd/lib/locale/zh_CN;export default function(props: any) {// 这里可以做一些多语言的获取操作然后判断赋值给const locale lan zh-CN ? zhCN : xxxreturn (ConfigProvider locale{locale}{props.children}/ConfigProvider);
}