带有自定义反应组件库的 React-intl

Question

我很难创建支持翻译的 React 库。假设我有这个结构

components
|- Button1
    |- Button1.tsx
    |- index.ts
|- Button2
    |- Button2.tsx
    |- index.ts
lang
|- en.json

我想要的是，当我的图书馆被导入时，它已经有了翻译。问题是我需要将 IntlProvider 添加到每个组件中。更重要的是，我不能在使用 IntlProvider 的同一组件中使用 useIntl 挂钩。唯一可能的方法是为每个组件添加 HOC。有更巧妙的方法吗？

Answer 1

也许命令式调用 intl 也会帮助您完成所需的结果。

Answer 2

我在 github 上得到了答案。基本上整个流程应该通过使用来自 format.js（提取和编译）的适当 CLI 命令来更改。

React-intl with a custom react components library