博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React在线编辑国际化文本
阅读量:7196 次
发布时间:2019-06-29

本文共 415 字,大约阅读时间需要 1 分钟。

今天给大家介绍一个轻量但神奇的国际化库

在我们的项目日益庞大的情况下,国际化的字典愈变愈大,国际化文本的维护是一个问题;

有时候修改一个字段,查找就花费了很大的时间功夫。 这个时候 tiny-i18n 中的 就可以发挥它的力量了,可以帮助我们在线可视化修改、新增国际化字段。

效果

  • 视频效果:http://obu9je6ng.bkt.clouddn.com/Jietu20180622-102135-HD.mp4

  • - 更新后,字典存储至 localStorage 中

体验在线编辑

实现原理

对 i18n 转换方法进行包装,转换成包含特殊字符(包裹)的字符串;同时对 React.createElement 方法进行包装,检测出包含特殊字符(包裹)的字符串,这时候就会被认为是国际化的文本,这个时候再去注入一些而外的交互逻辑。

转载于:https://juejin.im/post/5b2cb779e51d4558a846c93e

你可能感兴趣的文章
使用freemarker生成静态页面
查看>>
cocos2d ccLayer响应触摸事件方法:CCStandardTouchDelegate 与 CCTargetedTouchDelegate
查看>>
linux正则表达有话说
查看>>
八个最佳Python IDE
查看>>
Varnish简单笔记
查看>>
2014美国IT行业薪资水平
查看>>
Tcp多线程服务器和客户端程序
查看>>
racle Study之---Oracle IN和NOT IN的使用
查看>>
Error: Cannot find a valid baseurl for repo: base
查看>>
Volley的基本使用
查看>>
Thinkpad T410 Win7下接USB设备反应慢
查看>>
openStack使用宿主机监控
查看>>
Java游戏引擎libgdx的简介
查看>>
在实践中深入理解ARP协议
查看>>
[工具]Mac下非常好用的快捷终端Dterm
查看>>
Silverlight/Windows8/WPF/WP7/HTML5周学习导读(10月29日-11月4日)
查看>>
我的开源项目:一种TLV编解码器的实现
查看>>
UWA发布Unity游戏性能数据分析报告
查看>>
puppet 2.7安装配置与扩展
查看>>
struts2中的method
查看>>