React在線編輯國際化文本

本日給人人引見一個輕量但奇異的國際化庫tiny-i18n

在我們的項目日趨巨大的情況下,國際化的字典愈變愈大,國際化文本的保護是一個題目;
有時刻修正一個字段,查找就花費了很大的時刻工夫。
這個時刻 tiny-i18n 中的 @tiny-i18n/react-live 就能夠發揮它的力量了,能夠協助我們在線可視化修正、新增國際化字段。

結果

體驗在線編輯

《React在線編輯國際化文本》

完成道理

對 i18n 轉換要領舉行包裝,轉換成包括特別字符(包裹)的字符串;同時對 React.createElement 要領舉行包裝,檢測出包括特別字符(包裹)的字符串,這時刻就會被認為是國際化的文本,這個時刻再去注入一些而外的交互邏輯。

    原文作者:moyuyc
    原文地址: https://segmentfault.com/a/1190000015359643
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞